関門 2: デザイン
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Idoneità per principianti
- 22/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- css, html, typescript
Direzione di ricerca
This issue is a design gate, not an implementation task. Open the canvas at the linked Claude artifact or the copies under documents/design/mock-2026-10-05/ (Main.dc.html, Issue.dc.html, Login.dc.html; index.html is the single-page version). Compare them to the stated GitHub-light look and the three questions in the body, then leave a comment on direction, leak highlighting, and any extra screens. Done is a maintainer decision in comments, not a code change.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
見た目と体験の方向を決める関門です。agent が Claude Design の canvas にモックを 3 画面作りました。「この方向でよい / ここを変える」をコメントで返してください (「このままでよい」の 1 行でも進めます)。返答を待つ間は、デザインに依存しない第 1 弾 (D1 のスキーマと API: #5) を進めます。
- canvas (編集できる物): https://claude.ai/artifact/FZ5qVrZ5QuFxJwE2n5w6v1
- リポジトリに保存したコピー:
documents/design/mock-2026-10-05/(index.htmlは canvas 無しで開ける 1 ページ。PR: https://github.com/bannzai/pre-github/pull/11) - 構想 (機能の一覧) は関門 1: https://github.com/bannzai/pre-github/issues/1
画面
- PR の preview (
Main.dc.html): GitHub の PR ページの構成 (タイトル・番号・Open のバッジ・head → base・Conversation / Files changed のタブ・本文・ファイルごとの差分)。ページ上部に漏えい候補の件数の帯 (黄色)、本文と差分の該当箇所を<mark>で強調。右上に「Delete preview」ボタン。下部に「同じ title と body でgh pr create」の案内 - issue の preview (
Issue.dc.html): GitHub の issue ページの構成。漏えい候補が 0 件の時の帯 (緑)。GFM の表・タスクリスト・コードブロック・生の HTML のエスケープの見本 - ログイン (
Login.dc.html): token を 1 つ入力する画面。インスタンスが 1 人用であることと、Cookie の説明
決めた見た目の方向と前提
- 配色・余白・フォントは GitHub のライトテーマに寄せる (白地、文字 #1f2328、リンク #0969da、罫線 #d0d7de、system-ui のフォントスタック、差分は緑 #dafbe1 / 赤 #ffebe9)。GitHub のロゴ・Octicons は使わず、アイコンは線画の SVG
- GitHub と違う点は 2 つだけ: 漏えい候補の帯と強調 (黄色)、「preview only — nothing here is on github.com」の表示と削除ボタン。「GitHub に見える」ことが目的のため、それ以外の独自の装飾を足さない
~/.claude/documents/guides/visual-patterns-to-avoid.mdの「画面」の項目 (クリーム色の背景・斜体の強調・番号付きのセクションラベル・pill 型のボタン) は使わない。等幅フォントは差分とコードにだけ使う- 見本の値 (PR #42・ファイル名・漏えい候補の文字列) は架空
- ダークテーマは MVP に入れない (関門 2 で要望があれば子 issue にする)
返答してほしいこと
- この方向でよいか (GitHub にそのまま寄せる / 独自の見た目にする)
- 漏えい候補の見せ方 (上部の帯 + 本文の強調) でよいか
- 足したい画面・要素があれば
セッション再開
cd /Users/bannzai/ghq/github.com/bannzai/pre-github
claude --resume b84d4d55-461c-45bd-b620-736664c946b7
- Lingua principale
- TypeScript
- Stelle
- 0
- Fork
- 0
- Merge medio
- 1h 23m
- PR unite (30g)
- 9
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Nessuna guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di bannzai/pre-github
-
関門 3: 触れる版Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 25/100
bannzai/pre-github#18 ·
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 18/100
bannzai/pre-github#4 ·
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 25/100
bannzai/pre-github#3 · 1 commento ·
Tutte le issue di bannzai/pre-github
Issue simili
-
type: bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 79/100
I maintainer di solito rispondono entro 1 giorno
-
0️⃣ phase/new
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 70/100
microsoft/playwright#43640 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100