google-labs-code/design.md：README に基づく導入ガイド

google-labs-code/design.md の README はプロジェクトを「A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.」と説明しています。ここではリポジトリで確認できる事実だけを整理します。star 数やバッジは注目度の手掛かりであり、品質の証明ではありません。「DESIGN.md」には次の説明があります。A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.。これは範囲の説明であり、本番検証の結果ではありません。

README の「Design Token Interoperability」にある内容から、用途が合うかを先に判断できます。Tailwind v4 theme (CSS) , npx @google/design.md export --format css-tailwind DESIGN.md , emits a CSS @theme { ... } block using Tailwind v4's CSS-variable token namespaces (--color-, --font-, --text-, --leading-, --tracking-,。目的が違うなら、人気だけで採用する理由にはなりません。プロジェクト名やコマンドは原文のまま残し、一次資料へ戻って用語を確認できるようにしています。 README には次の確認可能な項目もあります。Tailwind v3 config (JSON) , npx @google/design.md export --format json-tailwind DESIGN.md , emits a theme.extend JSON object for tailwind.config.js. --format tailwind is a backwards-compatible alias.。初回テストの材料にはなりますが、実際の環境での確認を省略する理由にはなりません。

動作の説明は「The Format」など複数の箇所に分かれています。確認できる情報は次の通りです。An agent that reads this file will produce a UI with deep ink headlines in Public Sans, a warm limestone background, and Boston Clay call-to-action buttons.。書かれていない構成、性能、セキュリティを推測で補いません。導入時はディレクトリ、設定ファイル、release 履歴を確認してください。

初回導入は README の入口から始めます。確認できるコマンドは次の通りです。 npm install @google/design.md 実行可能なコマンドがない場合は手順を作らず、「The Format」で依存関係、待受ポート、初回設定を確認します。

日常運用は公式文書の範囲に限ります。「The Specification」にはThe full DESIGN.md spec lives at docs/spec.md. What follows is a condensed reference.とあります。設定、環境変数、権限、データ保存先は明記されたものだけを扱います。未記載の既定値は隔離環境で確認し、戻せる設定を保存してください。 同じ資料にはDTCG tokens.json (W3C Design Tokens Format Module , npx @google/design.md export --format dtcg DESIGN.mdともあります。