tac-tac-go
← Clips
blog.tsubotax.com 2026年4月24日

Claude Codeに特化したデザインシステムを作って工夫したこと|坪田 朋

元記事を読む ↗

【元記事】(https://blog.tsubotax.com/n/n6f3701611d98)

3行まとめ

  • Claude Codeが生成するUIが「いかにもAI製」になる問題を解決するため、AI最適化デザインシステムを構築した
  • 「いい感じに」と指示してもダメで、AIに明確な基準を持たせるためのデザインシステムが必要だった
  • 明確な基準を定義することで品質が安定し、意図したデザインを再現できるようになった

要約

背景・課題

  • Claude Codeが生成するUIに「いかにもAIが作りました」感があり、強いシャドウや過剰なカラーバーなどが生じていた
  • 「いい感じに」「シンプルに」と指示してもダメで、AIには「いい感じ」の基準がなく確率的に再現するだけだった

アプローチ

  • Claude CodeやAI最適化したデザインシステムを構築し、具体的な基準をAIに提供した
  • 指示ではなく「基準の定義」によってAIの出力品質を安定させるアプローチを採用

成果・ポイント

  • 明確な基準を持たせることでAIが意図したデザインを再現できるようになった
  • 「AIに指示する」より「AIが参照できる基準を作る」ことが品質安定の鍵