テック技報最新号へ →
デザイン

「◯◯のサイトっぽく」と頼むより、イメージに近い既製のDESIGN.mdを選んで渡す

有名サービス風のDESIGN.mdを集めたサイトやリポジトリがある。言葉で「Stripeっぽく」と伝えるより、近いDESIGN.mdを1つ選んで渡すほうが狙いに近づく。

@kajikent · 投稿 2026-04-11
#AIデザイン#DESIGN.md#プロトタイプ

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

デザインの知識がなく、言葉でテイストを伝えるのが難しいとき。プロトタイプの見た目を早く整えたいとき。

やり方

  1. DESIGN.md集（awesome-design-md、Awesome Claude Design など）から、作りたいイメージに近いものを1つ選ぶ。
  2. プロジェクトに置き、エージェントに「このDESIGN.mdに従って作って」と指示する。
  3. URLを渡してDESIGN.mdを作るツールもあるので、参考サイトが決まっているならそれを使ってもよい。
  4. そのまま使うのではなく、色・フォント・ブランド要素は自分のものに差し替える（日本語UIのDESIGN.mdには、和文フォント・行間1.7〜2.0・字間0.04〜0.1emを明記する）。

注意点・対応状況

  • 他社ブランドの見た目をそのまま使うと権利・印象の問題がある。あくまで土台にして差し替える。
  • 「Googleが発表」「全エージェントがネイティブで読む」などの宣伝的な表現は誇張を含む可能性がある。導入前に各ツールの公式ドキュメントを確認する。

出典

X の元の投稿を開く