# デザイントークン公開サイト（目次）

組織共通のデザイントークンとフォーム系コンポーネント仕様を Cloudflare Pages で公開している。
GitHub アカウント不要で誰でも（および AI が）アクセスできることを目的とする。

## 収録ファイル

| ファイル | 内容 | 形式 |
| --- | --- | --- |
| [`/design-tokens.md`](/design-tokens.md) | 色・タイポグラフィ・余白・角丸・影のトークン仕様 | Markdown |
| [`/design-tokens.json`](/design-tokens.json) | 同トークンの機械可読データ | JSON |
| [`/components.md`](/components.md) | ボタン・チェックボックスの仕様（トークン参照） | Markdown |
| [`/components.html`](/components.html) | 上記コンポーネントのレンダリング例 | HTML |

## AI での利用手順

1. このファイル（`index.md`）を取得して収録ファイルの一覧を把握する
2. [`/design-tokens.md`](/design-tokens.md) でトークン値を取得する
3. [`/components.md`](/components.md) で各コンポーネントの仕様を取得する
4. トークンを割り当てて HTML / CSS などでデザインを再現する
5. [`/components.html`](/components.html) と見比べて再現度を確認する

## 検証の狙い

GitHub Pages 上のデザイントークンは GitHub アカウントがないと閲覧しづらい。
Cloudflare Pages に静的公開すれば、ビジネスサイドの人間や AI が
アカウント登録なしに参照できる。この構成はその検証用サンプル。