kylearn
← 返回常用skill
效率工具29k

playground

创建交互式 HTML playground——单文件可视化探索器,带控件、实时预览和复制 prompt 按钮

🔥 出自合集 anthropics/claude-plugins-official(29.3k stars)

它能帮你做什么

自包含 HTML 文件:一侧交互控件、一侧实时预览、底部带复制按钮的 prompt 输出。用户调整控件做可视化探索,再把生成的 prompt 复制回 Claude。当用户要为某主题做 playground、explorer 或交互工具时触发。

怎么装它

帮我安装这个 skill: https://github.com/anthropics/claude-plugins-official/tree/main/plugins/playground/skills/playground

复制这句话,发给你的 Claude Code / Codex 等 AI Agent,它会自动帮你装好。

源码 / 详情:https://github.com/anthropics/claude-plugins-official/tree/main/plugins/playground/skills/playground

怎么用它

装好后,在 AI Agent 里直接说下面任意一句就能唤起它(点一下可复制):

make a playground
make an explorer
interactive tool
可视化工具