← 返回常用skill
编程开发★ 146k
web-artifacts-builder
用 React + Tailwind + shadcn/ui 打包成单文件 HTML，构建复杂多组件的 claude.ai 工件。
🔥 GitHub 146,408 stars（Anthropic 官方合集 anthropics/skills）
它能帮你做什么
提供一套开发工作流，把含 TypeScript、Tailwind CSS、shadcn/ui 组件的复杂 React 应用打包成自包含单 HTML 文件。适合在 Claude 对话中生成可直接运行的精致交互式 artifact。
怎么装它
帮我安装这个 skill: https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder复制这句话，发给你的 Claude Code / Codex 等 AI Agent，它会自动帮你装好。
源码 / 详情：https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder
怎么用它
装好后，在 AI Agent 里直接说下面任意一句就能唤起它（点一下可复制）：
「做一个可交互的 HTML artifact」
「用 React+shadcn 打包成单文件」
「build a claude.ai artifact app」