デザインシステム

AIにUIを生成させる際、自社の配色・タイポ・余白を毎回守らせる仕様ファイルDESIGN.md（Google Labs製・OSS）。YAML+Markdownの構造、CLIでの自己検証、作り方を詳しく解説。

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

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