shadcn-vite-iconify-landing-page

此技能提供了一套系统化的框架，用于构建、审核与优化营销与产品着陆页（Landing Pages）。它旨在帮助开发人员、营销人员与产品经理将商业目标转化为高转化率、生产级的 React 代码。通过遵循标准化的着陆页解剖结构——涵盖从首屏（Above-the-fold）说服序列到屏下（Below-the-fold）的疑虑消除——此技能协助用户创建功能完善、具备无障碍设计且美观独特的网页体验。它强调一致性，利用 shadcn/ui 组件库、Iconify 图标向量资产，以及移动优先的 Tailwind CSS 策略，确保高性能与易于维护的代码库。

• 提供基于 React、Vite、TypeScript 与 Tailwind CSS (v4) 的完整着陆页构建服务。

• 通过专家级的转换率优化 (CRO) 审核，评估现有页面的首屏影响力、行动呼吁 (CTA) 位置与心理说服逻辑。

• 实作明确的着陆页结构，包含导航、首屏、社交证明、功能介绍、常见问题 (FAQ) 与页尾。

• 提供生产级代码片段，通过语义化 HTML 与 shadcn/ui 组件优先考虑无障碍性。

• 通过 Iconify 标准化图标使用，在无需引入大型图标库的情况下保持视觉一致性。

• 提供可执行的假设与结构改良建议，支持快速的 A/B 测试发想。

• 在推出新产品、进行针对性广告活动或试图提高现有注册/销售页面性能时使用此技能。

• 输入需求包括目标受众、主要价值主张以及明确的转换目标（如：邮件捕捉、演示注册或等待名单）。

• 产出包含页面策略、分区大纲、标题与 CTA 文案变体，以及可直接实作的 TypeScript/React 代码。

• 在严格的设计限制下操作：每页仅限一种图标系列、限制 CTA 的竞争性，并专注于具体的视觉资产而非装饰性填充。

• 请注意，此技能已针对基于 Vite 的项目进行优化，并假定使用标准 shadcn/ui CLI 工作流程进行快速组件整合。