por Juanjo LunaCrear playgrounds interactivos
Te ayuda a crear exploradores visuales en HTML con controles y vista previa en vivo cuando quieres mostrar o probar una idea de forma interactiva. Sirve para temas que se entienden mejor manipulando opciones en pantalla.
Descripción original (inglés)
playground: Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually through controls, see a live preview, and copy out a prompt. Use when the user asks to make a playground, explorer, or interactive tool for a topic.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta playground en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/anthropics/claude-plugins-official.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/plugins/playground/skills/playground" ~/.claude/skills/playground
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de anthropics/claude-plugins-official
- Gestionar acceso a Discord access
- Gestionar acceso a iMessage access
- Gestionar acceso a Telegram access
- Desarrollar agentes para Claude Code agent-development
- Crear apps interactivas para MCP build-mcp-app
- Crear servidores MCP build-mcp-server
- Empaquetar servidores MCP build-mcpb
- Actualizar apps del Cardputer cardputer-buddy
Explicación redactada con ayuda de IA a partir de la descripción original.