简诗 AI 营销网页设计

先想清楚的问题

很多营销页的失败不在视觉，而在动工之前没人回答过三个问题：这个页面到底要让人做什么、来看的人是谁、他们犹豫的点是什么。设计稿反复返工，多数是因为跳过了这些前置判断，直接在空白画布上堆 Hero、Features、Testimonials。另一个常见坑是交付物不一致：设计师说"留白多一点"，前端按 24px 实现，12px 的效果，两边对的不是同一把尺。

这个技能怎么工作

核心机制是五阶段硬闸门，顺序执行，不允许跳步：

1. Discovery：用一组结构化提问（Page Goal、Audience、Existing Brand、Competitive Reference、Technical Constraints）收集信息。规则是"信息不足先标记缺口并确认，不猜事实"。定义了明确的 Done 标准：能用一句话说清页面目标、指出主 CTA、描述访客来源、说出要克服的核心异议，四样齐了才往下走。
2. Written Brief：产出一份书面简报，作为后续所有排版和视觉决策的评审依据。简报未确认前不开始任何 layout 工作。
3. Page Architecture：给每个 section 挂一个"职能"——Hook、Context、Feature/Benefit、Social proof、Secondary CTA、FAQ、Footer CTA、Footer nav。说不出职能的 section 不上页。同时有硬性规则：Hook 永远第一且每视口最多一个主 CTA；连续两个 section 不能职能重复；Social proof 必须出现在第二个 CTA 之前。架构未经确认不得进入视觉阶段。
4. Visual Spec：按 section 输出书面视觉规范，mobile-first——每个 section 先写 375px 再写 1280px。基础规则包括：间距只能取 8px 栅格上的档位（"大概 20px"不算规范）、每个 section 最多 3 个字号、每个 section 必须点名唯一的 dominant element、装饰元素必须有 brief 依据。
5. Deliverable：产出三件交付物——带注释的线框文字描述（讲视觉节奏和视线流向，不是组件清单）、完整视觉规范文档（可直接交给前端实现）、组件列表（标注哪些组件设计系统里没有，需要新建）。

适用边界

• 只服务于"营销网页结构、文案与视觉设计"场景，素材限于用户提供或明确授权的内容。
• 营销输出只做合规方案与测试建议，不承诺流量、排名或收益，不做刷量、群发或规避平台规则的设计。
• 凭据仅用于用户指定的官方服务，不回显、不记录、不写入交付物。
• CLI 输出控制在 40 行内，完整报告通过 /atlas-report 生成 HTML，CLI 只留摘要。