W
编程开发web-artifacts-builder
官方精选@anthropics · 来源 VoltAgent/awesome-agent-skills · ★ 187,972 · 116,509 次安装
这个技能能做什么
用于构建较复杂的 claude.ai HTML 产物，基于 React 与 Tailwind 组织页面和组件，适合制作可交互的网页演示或原型。
原始描述：Build complex claude.ai HTML artifacts with React and Tailwind
怎么用
安装后，可以对 Agent 说：『做一个带数据筛选和图表切换的可交互网页原型，方便演示』，它会用 React 与 Tailwind 搭建页面和组件。
安装命令
npx skills add https://github.com/anthropics/skills --skill web-artifacts-builder在支持 Agent Skills 的工具中执行；完整说明与文件结构请查看 GitHub 仓库。
兼容 Agent
通用标准遵循 Agent Skills 开放标准，支持该标准的工具（Claude Code、Codex、Cursor、Gemini CLI 等）通常都可安装；具体以技能仓库说明为准。
安全与来源
技能会读取文件或执行命令，安装前请查看仓库中的 SKILL.md 与脚本，确认权限范围；本站只做索引，不保证第三方技能安全性。
安全状态：未审计License：未标注仓库更新：2026-10-28官方仓库