LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

frontend-shadcn - 使用ShadCN/UI和Tailwind CSS的现代React前端开发

使用Vite + React 19 + shadcn/ui + Tailwind CSS v4 + React Router v7进行前端开发,用于创建Web应用

标签

更新于: 2026-02-18

能力

典型输入

典型输出

该技能可以做什么

  • 添加UI组件
  • 运行开发服务器
  • 检查TypeScript类型
  • 管理Node.js版本
  • 生成项目结构

输入

  • Node.js环境
  • package.json配置
  • 组件规范
  • tailwind.config.js文件
  • TypeScript配置

输出

  • React组件
  • UI页面
  • 构建产物
  • TypeScript类型定义
  • Tailwind样式类

要求

  • Node.js(通过asdf管理)
  • npm包管理器
  • TypeScript编译器
  • Vite构建工具
  • React Router v7

来源

  • 规范: SKILL.md
前端
react
typescript
tailwind
shadcn
vite
添加UI组件
运行开发服务器
检查TypeScript类型
管理Node.js版本
Node.js环境
package.json配置
组件规范
React组件
UI页面
构建产物