playground
✓创建交互式 HTML 游乐场 - 独立的单文件资源管理器，让用户可以通过控件直观地配置某些内容、查看实时预览并复制提示。当用户要求为某个主题制作游乐场、浏览器或交互式工具时使用。
SKILL.md
A playground is a self-contained HTML file with interactive controls on one side, a live preview on the other, and a prompt output at the bottom with a copy button. The user adjusts controls, explores visually, then copies the generated prompt back into Claude.
When the user asks for an interactive playground, explorer, or visual tool for a topic — especially when the input space is large, visual, or structural and hard to express as plain text.
Keep a single state object. Every control writes to it, every render reads from it.
创建交互式 HTML 游乐场 - 独立的单文件资源管理器，让用户可以通过控件直观地配置某些内容、查看实时预览并复制提示。当用户要求为某个主题制作游乐场、浏览器或交互式工具时使用。 来源：anthropics/claude-plugins-official。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/anthropics/claude-plugins-official --skill playground- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-12
- 更新时间
- 2026-02-18
快速解答
什么是 playground？
创建交互式 HTML 游乐场 - 独立的单文件资源管理器，让用户可以通过控件直观地配置某些内容、查看实时预览并复制提示。当用户要求为某个主题制作游乐场、浏览器或交互式工具时使用。 来源：anthropics/claude-plugins-official。
如何安装 playground？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/anthropics/claude-plugins-official --skill playground 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/anthropics/claude-plugins-official
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-12