LogoClawIndex
案例技能关于
LogoClawIndex

artifacts-builder - 使用React和Tailwind CSS构建复杂前端工件

使用现代前端Web技术创建复杂多组件HTML工件的工具集

标签

更新于: 2026-02-23
前端reacttailwindhtml-工件打包

能力

初始化React TypeScript项目配置Tailwind CSS和shadcn/ui打包成单个HTML文件安装shadcn/ui组件

典型输入

项目名称主题配色规范设计系统规范

典型输出

打包的HTML工件React TypeScript项目配置好的前端仓库

该技能可以做什么

  • 初始化React TypeScript项目
  • 配置Tailwind CSS和shadcn/ui
  • 打包成单个HTML文件
  • 安装shadcn/ui组件
  • 设置路径别名

输入

  • 项目名称
  • 主题配色规范
  • 设计系统规范

输出

  • 打包的HTML工件
  • React TypeScript项目
  • 配置好的前端仓库

要求

  • Node 18+环境
  • React 18 with TypeScript
  • Vite构建工具
  • Parcel打包器

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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