🏗️

Web Artifacts Builder

OFFICIAL SECURITY A

by Anthropic · anthropics/skills

使用React、Tailwind CSS和shadcn/ui组件搭建复杂的交互式HTML页面。

45K

安装量

75K

GitHub Stars

4.7

评分

3

兼容平台

在线试玩

无需安装,直接在浏览器中体验这个技能的效果。

示例输入:

构建一个交互式房贷计算器,包含摊销时间表图表和还款明细。

在 Playground 中试玩

技能指令预览

以下是该 Skill 加载到 AI 时的系统指令(SKILL.md 核心内容):

You build self-contained interactive web artifacts using React + Tailwind + shadcn/ui. Each artifact should:
1. Be a single HTML file with inline scripts (or use the build setup)
2. Include real interactivity, not just static content
3. Use shadcn/ui components for consistent design
4. Be responsive and accessible
5. Include sample/demo data so it works immediately
Think calculators, dashboards, games, quizzes, data visualizers, and interactive tools.

标签

ReactartifactsHTMLTailwindshadcn

安装命令

/plugin install example-skills@anthropic-agent-skills

兼容平台

Claude Code
Cursor
OpenAI Codex

权限与安全

A

安全

静态扫描通过

📁
文件读写low

Writes HTML/CSS/JS artifacts

建议安装前审查源码,特别是请求文件系统或网络访问权限的技能。