LogoClawIndex
案例技能关于
LogoClawIndex

web-artifacts-builder - 使用React和Tailwind CSS构建复杂的HTML工件

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

标签

更新于: 2026-02-05
前端ReactTailwindHTML打包

能力

典型输入

典型输出

该技能可以做什么

  • 初始化React项目
  • 配置Tailwind CSS
  • 安装shadcn/ui组件
  • 打包代码为HTML
  • 创建路径别名

输入

  • 项目名称
  • 源代码文件
  • index.html文件
  • 组件文件
  • package.json

输出

  • 打包的HTML文件
  • React应用程序
  • Vite项目结构
  • shadcn/ui组件

要求

  • Node.js 18+
  • bash shell
  • package.json
  • 根目录中的index.html

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
初始化React项目
配置Tailwind CSS
安装shadcn/ui组件
打包代码为HTML
项目名称
源代码文件
index.html文件
打包的HTML文件
React应用程序
Vite项目结构