Anthropic 官方的 Playground 插件能把一句含糊的需求变成一张带滑杆、预设和实时预览的交互网页：你在页面上拖动控件，底部的提示词框会跟着改写，复制后贴回 Claude Code 就能直接改真实文件。实测用 Claude Code v2.1.319（macOS），插件来自官方仓库 anthropics/claude-plugins-official，当前提交 0412be7，AI Parabellum 11 月 9 日实测原文。
安装只有一行命令：/plugin install playground@claude-plugins-official。实测跑了两轮：按钮样式探索器 32 秒建成，6 个滑杆、5 个预设，点一下 Pill 预设就把圆角、内边距和铜色填充一次设好；正则表达式探索器 36 秒建成，11 条样本里 9 处匹配，开关一动、正则表达式和匹配结果跟着变。第二轮把提示词贴回新会话，Claude 只用 9 秒就改好 index.html 里的一条 CSS 规则，铜色填充、4px 圆角、12px 32px 内边距一次到位。
要注意三点：插件本身只有文本文件，没有钩子、脚本和 MCP 服务器，不联网、不用账号，闲置成本约 100 个 token；Claude 不会自己打开生成的页面，一定要自己在浏览器里验一遍；6 个模板只跑了设计和正则 2 个，概念图、文档评审等 4 个还没验证。另外提示词只写你改动过的值，具体数值仍由 Claude 定，正则开关之间还会互相影响，别只看开关名字。常改样式或常写查询的人值得装一个，相关实测可参考站内Claude Code 官方 Setup 插件实测和3 个 Claude Code 画图技能同题实测。
来源：AI Parabellum，原文：https://aiparabellum.com/claude-code-playground-plugin-make-interactive-html-explorers/
没有回复内容