LogoClawIndex
案例技能关于
LogoClawIndex

shadcn-vite-iconify-landing-page - 使用 shadcn + Vite 构建落地页

使用 React + Vite + Tailwind + shadcn/ui + Iconify 构建和审核营销落地页

标签

更新于: 2026-03-23

能力

典型输入

典型输出

该技能可以做什么

  • 构建落地页
  • 审核现有页面
  • 设计页面结构
  • 编写 React 代码
  • 实现 shadcn 组件
  • 选择 Iconify 图标
  • 优化转化率
  • 创建页面大纲
  • 撰写文案变体
  • 提出 A/B 测试
  • 配置 Tailwind CSS
  • 设置 Vite 项目

输入

  • 项目需求
  • 现有页面 URL
  • 品牌规范
  • 转化目标
  • 目标受众
  • 图标集偏好
  • 内容素材
  • 设计美学偏好

输出

  • 落地页代码
  • 页面大纲
  • 审核报告
  • A/B 测试建议
  • 实施建议
  • 文案变体
  • 组件映射

要求

  • React
  • Vite
  • TypeScript
  • Tailwind CSS
  • shadcn/ui CLI
  • @iconify/react 包

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
落地页
React
Vite
TypeScript
Tailwind CSS
shadcn/ui
Iconify
转化优化
前端开发
构建落地页
审核现有页面
设计页面结构
编写 React 代码
项目需求
现有页面 URL
品牌规范
落地页代码
页面大纲
审核报告