tac-tac-go
← Clips
note.com 2026年4月21日

Claude CodeにDESIGN.mdを取り込む3つの方法|「あのサイト風のUI」をAIに指示する実践ガイド|たくぞー

元記事を読む ↗

元記事

3行まとめ

  • AIにデザイン指示する際、参照ファイルの有無でアウトプット品質が大きく変わるという課題を解決した
  • 55サイト分のDESIGN.mdコレクションをClaude Codeに取り込む3つの方法(直接貼付・ルート配置・複数管理)を解説した
  • 「Notion風と言わなくてもデザインが自動適用」される環境を構築でき、著者はルート配置方式を推奨している

要約

背景・課題

  • AIへのデザイン指示時、参照ファイルがあるかどうかで出力品質が大きく変わるが、導入方法が明確でなかった

アプローチ

  • ①CLAUDE.mdへ直接貼付(最速)②プロジェクトルート配置(バランス型)③複数ファイル管理(柔軟性重視)の3方式を提示

成果・ポイント

  • 55サイト分の一括ダウンロードスクリプトも提供し、デザイン指示なしでデザインが自動適用される環境を実現