用途:该技能用于生成兼具高转化率与独特视觉风格的落地页、营销页或产品页,尤其面向 Next.js/React 推广站点,强调避免通用模板感。
主要能力:以 DESIGNNAS 的 11 项转化要素为框架,覆盖关键词 URL、页头 Logo、Hero 标题与副标题、主 CTA、社会证明、图片/视频、核心卖点、客户评价、FAQ、底部 CTA、页脚联系与法律信息。每项要素同时要求功能性与设计表现,并给出字体、配色、动效、空间布局等设计指导。
使用方式:先完成设计思考,确定品牌语境、审美方向(极简、极繁、复古未来、自然、杂志、粗野等)、字体、色板、动效与布局策略,再编码。技术栈要求 Next.js 14+ App Router、TypeScript、Tailwind CSS、ShadCN UI,可选 Framer Motion。需先安装 ShadCN 组件,例如:npx shadcn-ui@latest add button、npx shadcn-ui@latest add card、npx shadcn-ui@latest add accordion、npx shadcn-ui@latest add badge、npx shadcn-ui@latest add avatar、npx shadcn-ui@latest add separator、npx shadcn-ui@latest add input。项目结构建议按 Header、Hero、MediaSection、Benefits、Testimonials、FAQ、FinalCTA、Footer 拆分组件。
适用场景:需要兼顾转化与品牌记忆点的营销落地页、产品推广页、专业营销页面。
限制:资料未提供具体收费、价格、平台支持范围或效果数据;未提供完整可运行代码示例;部分内容(如官方文本)为空,暂未提供。