DESIGN.mdプレビュー
公式のDESIGN.mdを切り替えて、簡易LPで見た目と書体を確かめられます。選んだテーマをAIに渡すプロンプトはそのままコピーできます。
—
design tokens
このテーマなら、こう見えます
見出しの書体と字送り、本文の行間、余白の刻み、角丸、そしてアクセント色の使いどころ。DESIGN.mdが定義しているのはこの5つです。
トークン
色・書体・余白・角丸を機械可読な値として定義します。
設計意図
その値をなぜ選んだのか、どこに使うのかを散文で添えます。
検証
コントラスト比や壊れた参照は、公式CLIが機械的に拾います。
AIへのプロンプト
選んだテーマを、Claude Code や Cursor に渡すための指示文です。