フロントエンド

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

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

AIが作るUIが毎回ありがちになる“スロップ”を防ぐ人気スキル集Taste Skill。VARIANCE/MOTION/DENSITYの3ダイヤルで作風を制御。収録スキルと導入、純正frontend-designとの違いを解説。

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