LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

artifacts-builder - Claude.ai现代前端工件创建工具

使用React、Tailwind CSS和shadcn/ui创建复杂的多组件HTML工件

标签

更新于: 2026-02-23
前端reacttypescriptvitetailwindcssshadcn/uihtml打包器工件创建

能力

典型输入

典型输出

该技能可以做什么

  • 初始化前端仓库
  • 编辑生成的代码
  • 打包代码为HTML
  • 展示工件
  • 测试工件

输入

  • 项目名称
  • 主题配色规范
  • 主色调
  • 品牌色值
  • 设计系统规范

输出

  • 打包的HTML文件
  • 项目结构
  • 配置文件

要求

  • Node 18+兼容性
  • 根目录中的index.html文件
  • bash脚本执行环境
  • 项目初始化脚本

来源

  • 规范: SKILL.md
初始化前端仓库
编辑生成的代码
打包代码为HTML
展示工件
项目名称
主题配色规范
主色调
打包的HTML文件
项目结构
配置文件