用途：该技能用于在用户请求创建落地页、营销页或产品页时，指导生成专业、高转化的页面，涵盖 Next.js 或 React 的推广型网站，并要求包含 SEO 优化、无障碍标准与以转化为中心的设计。
主要能力：遵循 DESIGNNAS 的 11 个必备要素框架，每个落地页都需包含——带关键词的 URL、公司 Logo（左上角）、SEO 优化标题与副标题、首屏主 CTA、社会证明（评价、评分、用户数据）、图片或视频、3-6 个核心优势/功能、4-6 条客户评价、5-10 条 FAQ、页尾最终 CTA、含联系与法律信息的页脚。
技术栈与用法：要求 Next.js 14+ 的 App Router、TypeScript、Tailwind CSS 和 ShadCN UI。创建前需安装组件，命令保持原样： 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
实施流程：先在 layout.tsx 或 page.tsx 配置 SEO 元数据；再按 Header、Hero、MediaSection、Benefits、Testimonials、FAQ、FinalCTA、Footer 顺序构建组件；将各区块映射到对应 ShadCN 组件（如 Hero CTA 用 Button，Benefits 用 Card，FAQ 用 Accordion）；使用 Tailwind 响应式前缀实现移动优先；用 Next.js Image 优化图片并对首屏图片加 priority；使用语义化 HTML、ARIA、键盘导航与 alt 文本保证无障碍。
适用场景：SaaS 产品、电商产品、服务/机构、活动或网络研讨会等落地页，资料给出了各自关注点（如免费试用 CTA、产品图与运费、案例与团队资质、时间与讲者信息）。
限制与验证：完成前需核对 11 要素清单及技术要求（Next.js 14+、TypeScript、Tailwind、ShadCN UI、SEO 元数据、图片优化、响应式、无障碍、性能）。参考资料包括 references/11-essential-elements.md 与 references/component-examples.md。其他细节暂未提供。