playground
✓Crea áreas de juego HTML interactivas: exploradores autónomos de un solo archivo que permiten a los usuarios configurar algo visualmente a través de controles, ver una vista previa en vivo y copiar un mensaje. Úselo cuando el usuario solicite crear un área de juegos, un explorador o una herramienta interactiva para un tema.
Instalación
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.
Crea áreas de juego HTML interactivas: exploradores autónomos de un solo archivo que permiten a los usuarios configurar algo visualmente a través de controles, ver una vista previa en vivo y copiar un mensaje. Úselo cuando el usuario solicite crear un área de juegos, un explorador o una herramienta interactiva para un tema. Fuente: anthropics/claude-plugins-official.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/anthropics/claude-plugins-official --skill playground- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-12
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es playground?
Crea áreas de juego HTML interactivas: exploradores autónomos de un solo archivo que permiten a los usuarios configurar algo visualmente a través de controles, ver una vista previa en vivo y copiar un mensaje. Úselo cuando el usuario solicite crear un área de juegos, un explorador o una herramienta interactiva para un tema. Fuente: anthropics/claude-plugins-official.
¿Cómo instalo playground?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/anthropics/claude-plugins-official --skill playground Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/anthropics/claude-plugins-official
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-12