デザイン向け Kit
ブランドキット、UI レビュー、ハンドオフメモ。


デザインスタジオ Kit
ブランドキット、スコア付き批評、ローンチチェックで、AI が作った UI のありきたり感をなくします。
ビフォー: Orbit、B2B チーム向けのプロダクト分析。Lovable で作った料金ページが他の AI スタートアップと見分けがつかず、唯一のデザイナーはパートタイム。直して、直った状態を保ちたい。
アフター: 料金ページ:2週間で 18/35 から 25/35 へ、判定は「作り直し」から「修正後リリース」に。 第1週:Orbit v1.0 ブランドキットを Tailwind トークンとして納品。最初の金曜レビューで基準値を設定。 第2週:ミュートテキストの修正(3.75 から 6.96:1)とプライマリボタンの一本化、どちらも工数1の修正。 第3週:ブランドから外れたローンチ画像を、リサイズ前に dot が検知。 デザイン負債:Issue 7件を起票、6件をクローズ。ブリーフから承認済みページまで3日。
デザインスタジオ Bot
毎週金曜に公開中のページを採点し、修正案を下書きする Grok のチームメイトです。
ビフォー: ルーティン:週次デザインレビュー、10月9日(金) 15:00 America/New_York。Notion のレビューリストから URL 4件:ホーム、料金、オンボーディング(ステージング)、設定(ステージング)。
アフター: 料金は7点上がって 25/35、ホームは 29/35、オンボーディングは初回で 20/35(作り直し)。 新しいブロッカー:オンボーディングの「Continue」が #8B5CF6 上の #FFFFFF で 4.23:1、しかもバイオレットはブランド逸脱(期待値 --primary #C2410C、5.18:1)。 未レビュー:設定、ログインが必要。 下書き済み:#design への投稿1件と Linear の Issue 3件。 決定:すべて承認、Slack のみ、Issue のみ、見送りのどれにしますか?
デザインスタジオ Dot
あなたの dot が、ローンチ用アセットをすべて公開前にブランドキットと照合します。
ビフォー: Google Drive の Launches/Lumen 2.0 に新規:lumen-2-og.png。#launch-lumen-2 で Priya:「OG 画像は最終版です!誰か X と LinkedIn 用にリサイズしてもらえますか?」
アフター: 修正後リリース(ブランド逸脱3、ずれ2)。見出しが Instrument Serif ではなく Playfair Display 700、明るい空の上の白文字は約 1.9:1 [要チェック]、「12,000人の写真家が利用」に出典なし [要確認]。リサイズは保留中です。 決定:Priya のスレッドに修正点を返信しますか?下書きは準備済み。期限は 12:00 America/Los_Angeles。
デザインスタジオ Skill
ブランドトークン、ページ仕様、スコア付き批評で、AI が作った UI をありきたりにしません。
ビフォー: v0 で作ったヒーロー:バイオレットからブルーのグラデーション、中央揃えの H1「Supercharge Your Workflow」、グラデーション上に #94A3B8 のサブヘッド、ピル型ボタン2つ、その下に絵文字付きの機能カード6枚。これ、AI が作ったように見える?
アフター: スコア:15/35 判定:作り直し ありきたりの兆候:バイオレットのグラデーション、すべて中央揃え、カードの羅列、絵文字アイコン、誇張コピー。 1. アクセシビリティ:#7C3AED 上のサブヘッド #94A3B8 は 2.22:1。修正:ヒーローを単色 #FBFAF7 に、サブヘッドを #5A635E(5.95:1)に。優先度 9 2. 階層:同格のピル型ボタン2つ。修正:bg-primary のボタンを1つにし、もう1つはテキストリンクに。優先度 9 3. 色:グラデーションをやめ、フラットなプライマリ1色をアクション専用に。優先度 6
デザイン Kit は、短い要件メモからブランドキット、ページ仕様、コンポーネント仕様を作り、明確な評価基準で画面をレビューし、ハンドオフメモを書きます。いかにも AI が作ったようなデザインにならないよう作られています。