以电影级标准制作网站
所有新网站都遵循同一标准，通过按以下顺序应用的五个技能构建而成，每个技能都扮演着特定角色。跳过其中任何一个或更改顺序，都会产生以下三种结果之一：美观但无转化、有转化但缺乏完成度，或在移动设备上出现错位。
开始之前
- 阅读业务相关信息：
identidade.md、site.json、_memoria/或操作员提供的简报。事实（名称、电话、地址、价格、评分、评价、照片）仅来自这些文件以及业务的公开来源。网站上的评价仅限 100% 正面评价：排除那些提及缺陷、问题、投诉、未成交交易或任何会引起质疑的内容，即使以赞扬结尾。如有疑问，则不收录。同样，不会在网站任何其他部分提及被排除评价的撰写者。 - 完整的品牌颜色，而不仅仅是强调色。 如果标志或店面使用两种颜色（例如橙色和蓝色），则两种颜色都应在网站中占据显著位置，并采用店面或标志本身的色调。接近黑色的背景色不计为第二种颜色。
- 确定的标志应作为标签图标。 如果企业有标志（由所有者提供、来自 Linktree、网站、招牌或重新设计并获批的），则该标志应作为网站的 favicon：文件
img/favicon.png（正方形，基于无背景的标志并留有边距，尺寸为 64 和 180 像素），通过<link rel="icon">和<link rel="apple-touch-icon">链接到<head>中。对于过宽而无法在 16 像素下清晰辨认的标志：使用其中心元素（标签、字母组合、标志字体中的首字母），切勿使用其他字母或虚构图标。没有标志时，favicon 应为品牌颜色的首字母。 - 从包含的模板开始：
${CLAUDE_SKILL_DIR}/template/（其中的README.md解释了占位符、照片和personalizar.sh脚本）。该模板适用于任何本地商店或服务；替换不适合该领域的部分。仅在领域需要此模板不包含的结构时才使用其他模板，并且即便如此，也需保持此模板的完成度。 - 技术基础：静态 HTML（一个
index.html，其中包含 CSS 和 JS，以及img/文件夹）。提供相同的视觉效果和动画，消耗更少的令牌，无需构建即可发布，且不因依赖而中断。Next.js 仅当网站需要服务器端功能时使用：将数据保存到数据库或使用密钥触发 Webhook 的表单、登录区域、生成大量页面的博客，或者项目已基于 Next.js（则保留其基础）。 - 对于已存在的网站，在进行修改前，保留当前版本（
versoes/vN-antes-vN+1/）。
执行顺序（逐个技能，按此顺序）
frontend-design：使用业务实际品牌资产（标志颜色、海报字体、版块对比度）进行视觉指导。结束时机：当调色板、字体和版块结构确定之后。landing-page-cinematografica：动态与完成度（阶梯式入场、噪点、带分量的按钮、评价突出显示、计数数字、锐利边角或对角线）。结束时机：当其禁止项列表中的任何项都不再出现时。revenue-centric-design（打开references/conversion-and-landing-pages.md）：通过了 5 秒测试的首屏英雄区域、在移动设备首屏内展示的证明、特定的 CTA 及其下方的单行保证、每 1.5 个版块一个 CTA、减少跳出点击。结束时机：当承诺不大于证明时。copywriting（基于 Eugene Schwartz 方法）：所有文本均使用客户的最终语言，不捏造事实。结束时机：当网站的每一句话都能在业务的某个来源中得到验证时。adaptar-mobile，始终最后执行：在 360 和 375 像素宽度下测试，并确认 1440 像素宽度未损坏。结束时机：当屏幕截图已打开并检查过。
收尾
- 本地提供服务并提供链接（
http://localhost:PORTA）。仅在操作员要求时才发布。 - 交付时，说明已运行了五个技能中的哪几个，以及哪些内容未经证实（未确认的事实、仅在模拟中进行的测试）。