Web 组件构建器
web-artifacts-builder构建复杂的多组件 HTML artifacts。使用 React、Tailwind CSS、shadcn/ui，支持状态管理和路由。
安装命令
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills更新命令
/plugin update example-skills触发场景
请求构建复杂 Web 组件时触发
示例
# 构建表单组件
> 创建一个带验证的多步骤表单
# 构建数据表格
> 创建一个可排序、可筛选的数据表格组件
# 构建导航组件
> 构建一个响应式的侧边栏导航常见问题（FAQ）
Q1 Web 组件构建器 是什么？
Web 组件构建器（web-artifacts-builder）是一个面向 Claude Code 的技能，核心用途是：构建复杂的多组件 HTML artifacts。使用 React、Tailwind CSS、shadcn/ui，支持状态管理和路由。
Q2 Web 组件构建器 怎么安装？
在 Claude Code 环境中执行安装命令即可：/plugin marketplace add anthropics/skills /plugin install example-skills@anthropic-agent-skills
Q3 Web 组件构建器 适合什么场景？
请求构建复杂 Web 组件时触发
Q4 新手可以直接用 Web 组件构建器 吗？
可以。当前难度标记为 advanced，建议先按示例命令跑通一次，再结合自己的项目调整。