Web Artifacts Builder
官方 已认证Anthropic 官方技能，将自然语言描述转化为完整的可交互 Web 应用，生成 HTML、CSS、JavaScript 单文件制品，适合快速原型与演示。
一键安装
在终端运行以下命令安装技能到你的 AI Agent：
npx skillsadd anthropics/skills如何使用
Claude Code：将技能放入 ~/.claude/skills（个人）或项目 .claude/skills 目录，Claude 会自动识别。
Cursor / Windsurf：通过 npx skillsadd 安装后，技能目录会被放入配置路径。
Codex CLI：安装后在技能目录中自动加载，通过名称调用。
标签
Web应用artifacts前端frontend原型prototypeAnthropic官方
同类推荐
Systematic Debugging
推荐
系统化调试方法论技能，引导 Agent 按复现、定位、假设、验证、修复的闭环流程排查 Bug，避免盲目改代码。
320.0k
Test-Driven Development
热门
测试驱动开发（TDD）工作流技能，遵循红-绿-重构循环，先写失败测试再实现功能，保障代码质量与可维护性。
280.0k
Code Review Workflow
结构化代码审查工作流，从命名、架构、安全、性能、可读性等维度逐项检查，并输出规范的评审意见与改进建议。
250.0k
MCP Builder
官方
Model Context Protocol 服务器构建技能，指导 Agent 快速搭建符合 MCP 规范的服务器，定义工具、资源与提示词。
1100.0k
Skill Creator
官方
技能创建器，帮助开发者按规范编写 SKILL.md 元文件、组织参考脚本与资源，快速发布可被 Agent 加载的技能包。
1100.0k
Deploy to Vercel
官方
Vercel 官方部署技能，通过 API Token 一键将本地项目部署到 Vercel 平台，自动处理构建、环境变量与域名配置。
1200.0k