用途:根据用户的文字描述生成一个生产质量的静态落地页,并直接部署到 Vercel 上线。适用于用户提出“帮我做一个落地页”等请求时。
主要能力:从描述中提取产品/服务、语气、板块(hero、features、pricing、testimonials、CTA、footer)与品牌信息;若描述含糊,只问一个聚焦的澄清问题。随后提出一个设计方向(名称、氛围、字体搭配、配色与布局思路),用户可确认或要求 2–3 个备选。确认后生成单个自包含的 index.html,CSS 与 JS 内联,无需构建步骤。
设计要点:使用 Google Fonts 中具特色的字体,避免 Inter、Roboto、Arial 或系统字体;在 :root 中定义颜色、间距、圆角与字体令牌,样式引用令牌;强调动效、非对称布局与视觉纹理;避免通用 AI 审美。图标库按设计方向从 Lucide、Phosphor Icons、Tabler Icons 中择一,通过 CDN 引入。
构建要求:移动优先响应式;字体用 link 加载并设 font-display: swap;图片有明确宽高,首屏以下加 loading="lazy";尊重 prefers-reduced-motion;语义化 HTML;可访问性(表单标签、图标按钮 aria-label、:focus-visible、跳转链接);公开分享页面加 Open Graph 与 Twitter Card 元标签;head 中加入 application/ld+json 结构化数据(Organization、Product、LocalBusiness 等,url 留空待部署后填充)。详细合规规则见 references/web-design-guidelines.md。文件写入临时项目目录。
部署:生成 HTML 后立即用 scripts/deploy.sh 部署,返回预览 URL 与认领 URL。若因网络限制失败,提示前往 https://claude.ai/settings/capabilities 将 *.vercel.com 加入允许域名后重试。
限制:资料未提供收费、价格、平台支持范围等更多信息。