agentping-playground
Generate interactive playgrounds for AgentPing components
Datos de origen
- Repositorio
- lev-os/agentping
- Última actividad en el origen
- 11 de febrero de 2026 a las 14:08
- Idioma detectado de SKILL.md
- inglés
- Estrellas
- 4
- Forks
- 0
Opciones de instalación
De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.
Revisa los archivos de origen
Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.
Explorador de archivos
2 archivosMostrando SKILL.md
SKILL.md
Instrucciones de origen · Vista previa de solo lectura- name
- agentping-playground
- description
- Generate interactive playgrounds for AgentPing components
- version
- 0.1.0
# AgentPing Playground
Interactive component playgrounds for agent-human interaction surfaces.
## Quick Start
### CLI
```bash
agentping playground create --template design --topic "My Components"
agentping playground create --template data --mode react --theme skynet
agentping playground list
```
### MCP Tool
Use the `generate_playground` tool with:
- `template`: design | data | concept | critique
- `topic`: Subject of the playground
- `mode`: html | pencil | react
- `theme`: terminal-swiss | skynet | system
## Templates
| Template | Description |
|----------|-------------|
| **design** | Visual style explorer -- showcases all 12 polymorph primitives |
| **data** | Query builder -- data exploration with metrics, filters, and results |
| **concept** | Relationship mapper -- explore concepts, dependencies, and connections |
| **critique** | Document reviewer -- annotate, critique, and provide structured feedback |
## Primitives
12 universal polymorph components that render to HTML, Pencil (.pen), or React:
- **StatusDot** -- Online/offline/busy/away indicator
- **Badge** -- Labeled status tag with variants
- **Button** -- Action trigger with primary/secondary/ghost/danger variants
- **TextBlock** -- Heading, body, caption, or code text
- **InputField** -- Text input with label and placeholder
- **ProgressBar** -- Value bar with variant colors
- **CheckItem** -- Checkbox with label
- **MetricValue** -- Numeric display with label, unit, and trend
- **ListItem** -- Row with text, secondary info, and optional icon
- **Card** -- Container with title, subtitle, and children
- **NavItem** -- Navigation link with icon and badge
- **ActionBar** -- Row of action buttons
## Themes
- **terminal-swiss** -- Dark monospace terminal aesthetic
- **skynet** -- GitHub-dark inspired with blue accents
- **system** -- Light system-native theme
## Render Modes
- **html** -- Standalone HTML file with inline styles
- **pencil** -- .pen batch_design operations for Pencil editor
- **react** -- React catalog entries for CanvasRenderer
Ver en GitHub