用途:制作用于引导单一行为(注册、购买、申请)的单页转化落地页,覆盖从 Hero 到最终 CTA 的文案与代码,目标是提升转化率。适用请求如“帮我搭 SaaS 产品落地页”“做一个活动报名落地页”“设计免费试用引导销售页”等。
主要能力:基于 shadcn/ui 设计整页(Hero 至 CTA);采用 Next.js 15 + Tailwind CSS v4 + shadcn/ui 技术栈;基于 OKLCH 颜色令牌同时产出 Light/Dark 模式;提供 Framer Motion 交互预设(fade-up、scroll reveal、parallax);适用于产品与服务发布、活动、线索收集类落地页。
使用方式:先做 shadcn 主题访谈(选基础调色板 Neutral/Zinc/Stone/Slate、颜色模式、圆角半径、效果,选 Chart 时再选图表库),再确认转化目标与受众、收集品牌语境、按 shadcn 区块映射分节、执行转化优化清单、撰写文案(含 5 个标题候选与 3 个 CTA 候选),最后生成代码。产物包括 components.json、app/globals.css、tailwind.config.ts、app/page.tsx、components/sections/.tsx、components/ui/ 及 README-setup.md。文案以 JSON 结构输出,含 theme、sections、metadata。旧版本项目可用 pnpm dlx shadcn@latest init 迁移后再应用。
限制:设计/开发阶段不得改动文案内容,只允许换行、强调与顺序调整;AI 生成的用户数、满意度、获奖等断言须自行核实;无代码工具(Webflow、Framer、Wix)界面功能常变,实现方向仅供参考;本技能不生成实际图片,需自行调用图像工具或使用 Unsplash、Pexels;文案最优解只能靠真实流量 A/B 测试确认。博客、SNS、邮件通讯、产品详情页、数据仪表盘、多页网站均不适用,应改用对应技能。品牌指南、收费与具体使用效果资料未提供。