MacOS Kanban Review App UI
A polished light-mode macOS kanban-style review dashboard mockup for redesigning a desktop productivity or engineering triage app.
プロンプト
{"type":"デスクトップアプリUIモックアップ","platform":"macOS","style":"クリーンなライトモードのプロダクティビティダッシュボード、ソフトグレーの背景、角丸カード、控えめな影、細い区切り線、ミニマルモダンSaaS美学、密集だが落ち着いたレイアウト","app":{"name":"ReviewBoard","window_controls":"左上のmacOS赤黄緑の交通信号ライト"},"layout":{"structure":"単一の幅広いアプリケーションウィンドウが7つの縦カラムと右インスペクターパネルに分割","sections":[{"title":"Inbox","position":"最左カラム","count":2,"labels":["Add wallet reordering to side...","Add Tor proxy support for nod..."]},{"title":"Needs Response","position":"左から2番目のカラム","count":7,"labels":["Add wallet recovery word sta...","Implement transaction watche...","Add Key Teleport receive flow...","Add cove-keyteleport crate: K...","let users download their TAPSI...","Feat cache receive addresse...","[Feat] Custom block explorer"]},{"title":"Waiting On CI","position":"3番目のカラム","count":0,"labels":[]},{"title":"Waiting On Codex","position":"4番目のカラム","count":3,"labels":["detect silent payment address...","Extract pi and pjs params fro...","Fix fiat amount paste stripping..."]},{"title":"Waiting On Manual Test","position":"5番目のカラム","count":0,"labels":[]},{"title":"Watching Merge","position":"6番目のカラム","count":0,"labels":[]},{"title":"Inspector","position":"最右サイドバー","count":8,"labels":["Signals","Checks","PR Context","Tags and Notes","Notes","Blockers","Workflow","Recent Commits"]}],"top_right_controls":{"count":3,"labels":["Board","List","Refresh"]}},"board":{"column_style":"ヘッダーラベル、小さなカウントシェブロン、空のレーンに中心寄せされた空状態ドロップターゲットを持つ、背の高い淡いグレーのカンバンレーン","cards":{"shape":"控えめな影と細いボーダーを持つ小さな白い角丸長方形","metadata":"左上のissueまたはPR番号、太字の切り詰められたタイトル、下の著者と日付行、場合により緑のCodeや赤のCodexなどの小さな色付きステータスポッド、いくつかのカードには右上に小さなオレンジ色の通知ドット"}},"inspector":{"tabs":{"count":3,"labels":["OPEN","NEEDS DESIGN","DRAFT"],"active":"NEEDS DESIGN"},"signals":"テキストが表示され、ブロッキングシグナルがないことを示す空のライトグレーパネル","checks":{"summary":"Passing、Pending、Failingの3列と右にTotal 9を持つ水平ステータスカード","counts":{"Passing":9,"Pending":0,"Failing":0}},"pr_context":{"fields":["Base","Head","Merge State","CI Approval","Clean","Last Need","Updated","Apr 21, 2026 at 2:36 PM","Last Push","Apr 20, 2026 at 2:03 PM","SHA","a7c48b5a"]},"tags_and_notes":{"elements":3,"labels":["comma separated tags","Save Tags","Notes"]},"blockers":{"elements":3,"labels":["No blockers saved","Add Blocker","Save Review Note"]},"workflow":{"groups":2,"labels":["Inbox","Snooze"],"buttons":["Mark Unseen","1 Day","3 Days","1 Week","Snooze"]},"recent_commits":{"visible_count":1,"labels":["Add ability to send directly to other imported wallets"]}},"camera":"正面から見たフルウィンドウスクリーンショット","text_rendering":"小さくはっきりしたUIテキスト、リアルなプロダクトデザインプレゼンテーション","color_palette":{"background":"非常に明るい温かいグレー","columns":"ライトグレー","cards":"白","accent":"緑のアクティブステート、淡い青の選択されたタブ、オレンジ色の通知ドット、落ち着いた黒のテキスト"}}
機械翻訳 — この作品を生成したのは元のプロンプトです。
元のプロンプト
{"type":"desktop app UI mockup","platform":"macOS","style":"clean light-mode productivity dashboard, soft gray background, rounded cards, subtle shadows, thin dividers, minimalist modern SaaS aesthetic, dense but calm layout","app":{"name":"ReviewBoard","window_controls":"top-left macOS red yellow green traffic lights"},"layout":{"structure":"single wide application window split into 7 vertical columns plus a right inspector panel","sections":[{"title":"Inbox","position":"far left column","count":2,"labels":["Add wallet reordering to side...","Add Tor proxy support for nod..."]},{"title":"Needs Response","position":"second column from left","count":7,"labels":["Add wallet recovery word sta...","Implement transaction watche...","Add Key Teleport receive flow...","Add cove-keyteleport crate: K...","let users download their TAPSI...","Feat cache receive addresse...","[Feat] Custom block explorer"]},{"title":"Waiting On CI","position":"third column","count":0,"labels":[]},{"title":"Waiting On Codex","position":"fourth column","count":3,"labels":["detect silent payment address...","Extract pi and pjs params fro...","Fix fiat amount paste stripping..."]},{"title":"Waiting On Manual Test","position":"fifth column","count":0,"labels":[]},{"title":"Watching Merge","position":"sixth column","count":0,"labels":[]},{"title":"Inspector","position":"far right sidebar","count":8,"labels":["Signals","Checks","PR Context","Tags and Notes","Notes","Blockers","Workflow","Recent Commits"]}],"top_right_controls":{"count":3,"labels":["Board","List","Refresh"]}},"board":{"column_style":"tall pale gray kanban lanes with header labels, tiny count chevrons, and centered empty-state drop targets in empty lanes","cards":{"shape":"small white rounded rectangles with faint shadow and thin border","metadata":"issue or PR number at top left, bold truncated title, author and date line below, occasional small colored status pill such as green Code or red Codex, some cards with a tiny orange notification dot at top right"}},"inspector":{"tabs":{"count":3,"labels":["OPEN","NEEDS DESIGN","DRAFT"],"active":"NEEDS DESIGN"},"signals":"empty light gray panel with text indicating no blocking signals","checks":{"summary":"horizontal status card with three columns for Passing, Pending, and Failing, plus Total 9 on the right","counts":{"Passing":9,"Pending":0,"Failing":0}},"pr_context":{"fields":["Base","Head","Merge State","CI Approval","Clean","Last Need","Updated","Apr 21, 2026 at 2:36 PM","Last Push","Apr 20, 2026 at 2:03 PM","SHA","a7c48b5a"]},"tags_and_notes":{"elements":3,"labels":["comma separated tags","Save Tags","Notes"]},"blockers":{"elements":3,"labels":["No blockers saved","Add Blocker","Save Review Note"]},"workflow":{"groups":2,"labels":["Inbox","Snooze"],"buttons":["Mark Unseen","1 Day","3 Days","1 Week","Snooze"]},"recent_commits":{"visible_count":1,"labels":["Add ability to send directly to other imported wallets"]}},"camera":"straight-on full-window screenshot","text_rendering":"tiny crisp UI text, realistic product design presentation","color_palette":{"background":"very light warm gray","columns":"light gray","cards":"white","accent":"green active states, pale blue selected tab, orange notification dots, muted black text"}}