关于 artifacts-builder
用于为 claude.ai 创建复杂、多组件 HTML 成品的技能，采用现代前端技术，包括 React、Tailwind CSS 和 shadcn/ui。
主要功能
- 01构建多组件 HTML 成品
- 02使用 React
- 03使用 Tailwind CSS
- 04使用 shadcn/ui
适用场景
- 01为 claude.ai 创建 HTML 成品
- 02组合多个组件构建界面
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/artifacts-builder确认已加载。
详细介绍
artifacts-builder
精选自 ComposioHQ awesome-claude-skills。
功能
一套工具，用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的多组件 claude.ai HTML 作品。
来源
- 上游：https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder
- 类别：
web-artifacts
使用方法
此目录条目会在 OpenDesign 中展示该技能，以便 Agent 在规划时发现它。若要使用原始资源、脚本和参考资料运行完整的上游工作流，请将上游套件安装到当前 Agent 的技能目录中：
# Inspect the upstream README for exact paths
open https://github.com/ComposioHQ/awesome-claude-skills/tree/master/artifacts-builder
然后让 Agent 按名称（artifacts-builder）或使用此技能 frontmatter 中列出的某个触发短语来调用该技能。
评论
支持 Markdown