UIを書かせる前に、実在サイトの参照集をMCPでエージェントに渡す（inspo）
832サイト・2,320ページのデスクトップ／モバイルの画面と、サイトごとの DESIGN.md、68個の部品をMCPで検索させ、「AIっぽい同じLP」を避ける。
何ができるか（紹介投稿より）
- 実在の832サイトから2,320ページ（デスクトップとモバイル）
- サイトごとに配色・フォント・CSS変数を DESIGN.md の形で
- ヒーロー、料金表、ナビ、フッターなどの部品68個
使い方
npx -y inspo-mcp installで入れる（リポジトリ：Nutlope/inspo）。- UIを作る前に「このMCPで近い雰囲気のサイトを3つ探して、DESIGN.md と部品を参考にしてから作って」のように、参照を先に見させる。
- 参照したサイト名と採用した要素を書き出させ、丸写しになっていないか確認する。
注意点
- 公開直後のリポジトリ（確認時点でスター0）で、継続性やデータの出どころは未確認。試すなら小さく。
- 実在サイトの見た目を参考にするので、ロゴや固有の表現をそのまま使わない。
- 考え方は 機能ごとに「強いデザイン参照を1つ」渡し、エージェントに10点満点で自己採点させる と同じ。
出典
- 投稿者: @Atenov_D
- 投稿: @Atenov_D · 2026-10-21
- 収集日: 2026-10-21（JST）