用途:根据产品 PRD 简报快速搭建生产可用的静态落地页,并一键部署到 Vercel。
主要能力:生成语义化 HTML5、现代 CSS 与原生 JS 结构;包含可真正提交的邮箱收集表单(Formspree 或自定义端点);预留 Plausible/Fathom 分析脚本;响应式设计并覆盖 WCAG 2.1 AA 基础无障碍;内容来自用户提供的 PRD 简报。页面区块包括 Hero、3-5 个功能卡片、可选的三步流程、社会证明、FAQ、最终 CTA 与页脚。
使用方式:通过脚本生成,例如 python3 ~/.claude/skills/landing-page-vercel/scripts/scaffold.py --out ./my-landing-page --name "ProductName" --tagline "Your compelling value proposition" --features "Feature1,Feature2,Feature3",或加 --interactive 进入交互模式。生成目录含 index.html、styles.css、script.js、data.json、vercel.json、assets 与 README。部署使用 npm i -g vercel 后执行 vercel 或 vercel --prod。
适用场景:产品发布、等待列表、注册或演示请求等静态营销页。
限制:表单需自行配置 Formspree 表单 ID 或后端端点;分析需手动填入域名或站点 ID;资料未提供具体收费、价格与效果数据。