shadcn

Claude CodeのLPが量産型になる問題を、スキルとMCPで劇的改善。frontend-design/perfect-ui/21st.dev Magic/Windframe/AIDesigner/Playwrightなどを効果順に整理し、そのまま使えるおすすめスタックを提示。

shadcn/uiは依存ライブラリでなくコードを自分で所有するReactコンポーネント集。Radix+Tailwind製でv0等AIビルダーの土台に。仕組みと使い方を解説。

21st.devはshadcn/uiベースのReactコンポーネント・マーケット。自然言語でUIを生成するMagic MCPも提供し、Cursorやエージェント開発と直結。使い方を解説。

Vercelのv0は自然言語からNext.js+Tailwind+shadcn/uiの本番コードを生成。2026年にGit連携・DB接続・フルスタック化。使い方と料金を解説。