Web Artifacts Builder
anthropics
能干什么
一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂、多组件 claude.ai HTML 产物的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂产物，不适用于简单的单文件 HTML/JSX 产物。
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
安装
git clone https://github.com/anthropics/skills.git装到哪
把 skill 目录放进对应 Agent 平台的 skills 路径即完成安装：
| Claude Code | ~/.claude/skills/（项目级 .claude/skills/） |
|---|---|
| Codex CLI | .agents/skills/ |
| Cursor | .cursor/skills/ |
| Gemini CLI | .gemini/skills/ |
| GitHub Copilot | .github/skills/ |
| OpenCode | .opencode/skills/ |
| Windsurf | .windsurf/skills/ |
| Antigravity | .agents/skills/ |