Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Rework templates into a component gallery

オープン
#55 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
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 はありません

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

CopilotKit/OpenGenerativeUI のほかの issue

CopilotKit/OpenGenerativeUI の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。