Rework templates into a component gallery
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Aptitud para principiantes
- 42/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Tranquilo
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Start by reading .chalk/plans/demo-gallery.md and the existing template drawer it describes, then review related issues #14 and #42 for the export scope. Done means replacing the raw-template approach with curated gallery items showing one prompt and one interactive generated component, with component download support and the plan updated to match.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Problem
The current template system doesn't make sense from a UX perspective or for showcasing what Open Generative UI can do. Templates are a drawer of raw HTML strings — they don't communicate the value of agent-generated UI.
Proposal
Replace templates with a gallery of curated, saved conversation outputs. Each gallery item is a snapshot: 1 user message → 1 generated component. This lets visitors immediately see what the agent produces and interact with real outputs.
Gallery items should showcase two axes:
1. Explainers & Visualizations
Educational/explanatory generated components — things like:
- "How a Plane Flies" — interactive pitch/roll/yaw 3D explainer
- Binary search step-through
- Solar system model
- Neural network forward pass animation
These demonstrate the agent's ability to generate rich, interactive educational content from a simple prompt.
2. Custom UI & Styled Components
Generated components that match a specific design language or brand style:
- Clippy / paperclip-style assistant UI
- Spotify-inspired music dashboard
- Invoice card in a specific design system
- Themed dashboards
These demonstrate that generated UI isn't generic — the agent can produce components that feel intentionally designed.
Each gallery item includes:
- The original user prompt (1 message)
- The generated component output (rendered, interactive)
- Ability to download the generated component
Download capability
Users should be able to download generated components from the gallery. This connects to the broader artifact export story.
Related issues
- #14 — "Save / Download Rendered Asset" — downloading rendered visuals as PNG/SVG
- #42 — "Add copy-as-code and download options for generated artifacts" — copy-as-code and download as standalone HTML
Replaces
This supersedes the template drawer approach. The existing gallery plan (.chalk/plans/demo-gallery.md) should be updated to reflect this direction.
- Lenguaje dominante
- TypeScript
- Estrellas
- 1.6k
- Forks
- 202
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de CopilotKit/OpenGenerativeUI
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
-
enhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
-
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
CopilotKit/OpenGenerativeUI#87 · 2 comentarios ·
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 35/100
-
Dificultad 4/5 3-5 días Aptitud para principiantes 45/100
Todos los issues de CopilotKit/OpenGenerativeUI
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
bug v2
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
modelcontextprotocol/inspector#2458 · 1 comentario ·
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 75/100
railmapgen/rmp-gallery#4068 ·
-
Mend: dependency security vulnerability status: needs triage 🕵️♀️
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
carbon-design-system/ibm-products#9907 ·