用途:该技能用于制作与众不同的高转化落地页、营销页与产品页,兼顾转化框架与设计品质,避免模板化外观。适合请求创建落地页、Next.js或React营销站点、需同时吸引访客并留下品牌印象的页面时使用。
主要能力:内置DESIGNNAS的11项必备要素框架,包括关键词URL、页头Logo、SEO标题与副标题、主CTA、社会证明、图片或视频、核心卖点、客户评价、FAQ、底部最终CTA、页脚联系与法务信息,每个要素同时包含转化功能要求与设计卓越要求。技能还提供设计思维流程:先确定美学方向(极简精致、大胆繁复、复古未来、自然有机、杂志编辑、粗野主义等)、定义字体、配色、动效与空间系统,再进入编码。
使用方式:技术栈要求Next.js 14+(App Router)、TypeScript、Tailwind CSS、ShadCN UI,可选Framer Motion。需安装的组件命令为: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,并在globals.css中通过CSS变量定义字体与配色。
限制:资料未提供收费、价格、平台支持范围或具体效果数据,暂未提供。落地页必须包含全部11项要素;字体应避免Inter、Roboto、Arial等通用字体,并避免紫色渐变配白底等常见AI审美。具体实现细节以原始技能文档为准。