Claudeのダッシュボードがみんな同じ見た目になる問題は、/design で3案を並べて比べてから作らせる

どんな問題を解決するか / いつ使うか

Claudeで作ったダッシュボードが、同じフォント、細い枠線のカード、上に並ぶ大きな数字、同じ配色になりがちで、誰が作っても似てしまうとき。

やり方

1. Claude Code（デスクトップ版でもCLIでも）で、案出しのプロンプトに /design を入れ、まったく違う3つのデザイン案をデザインキャンバス上に出させる。
2. 3案を横に並べて比べる。
3. 気に入らない点を直させる。
4. 3案をそれぞれダッシュボードに仕上げさせる。

投稿者は、スペインの公立病院の費用データ（保健省のオープンデータ、2016〜2024年）で、Glass、Clinical world、Health 3D という3つの見た目を作っている。

注意点

• 案出しのときに、独創的で具体的な方向性のアイデアを自分から渡す。渡さないと、見慣れた低品質な案に戻る、と投稿者は書いている。
• /design の挙動は投稿者の説明による。手元の環境で使えるか確認してから使う。

関連

• デザインハーネスは「5行の採点表」から：対抗する3案を作って採点し、別社のモデルに反論させ、人が決める
• AIで作るサイトが実案件でショボくなるのは、ディレクターがいないから：決める・伝える・検品するの14項目
• AIっぽいUIを「監査→5行の方向性→1項目ずつの修正パス」で直させるプロンプト（unslop）

出典

• @Israel_AlvarezR · 2026-11-01