Rework templates into a component gallery
まだ誰も着手していません。
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 42/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 静か
- 技術スタック
- typescript
- 領域
- frontend
調査の方向性
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.
索引モデルが issue の本文から書いたものです。
説明
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.
- 主要言語
- TypeScript
- スター
- 1.6k
- フォーク
- 202
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
CopilotKit/OpenGenerativeUI のほかの issue
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
-
enhancement
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
-
難易度 4/5 3〜5日 初心者へのやさしさ 48/100
CopilotKit/OpenGenerativeUI#87 · コメント 2 件 ·
-
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
-
難易度 4/5 3〜5日 初心者へのやさしさ 45/100
CopilotKit/OpenGenerativeUI の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
mksglu/context-mode#1200 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
jaegertracing/jaeger-ui#4506 ·
-
area:desktop area:ui bug platform:macos
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
anthropics/claude-code#96687 ·
-
good first issue
難易度 1/5 1時間未満 初心者へのやさしさ 95/100
AOSSIE-Org/DebateAI#582 · コメント 2 件 ·