React

shaders.comはWebGPUのビジュアルエフェクトをReact等のコンポーネントで使えるライブラリ。ビジュアルエディタでコード書き出し、MCPでAIエージェントから直接呼び出せる。使い方を解説。

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接続・フルスタック化。使い方と料金を解説。

Cursor・Claude・VS Code等にReact Spectrumの公式MCPサーバーとAgent Skillを接続し、AIに正確なUIコードを書かせる手順をまとめました。

Adobe製のReact向けデザインシステムReact Spectrum。3つのレイヤー・主な特徴・最小構成の使い方を、はじめての人向けにまとめました。