design-tokens とは？
デザインシステムの基盤。色、タイポグラフィ、間隔。唯一の真実の情報源。生の値はありません。 ソース: soborbo/claudeskills。
·design-tokens
</>
design-tokens
✓デザインシステムの基盤。色、タイポグラフィ、間隔。唯一の真実の情報源。生の値はありません。
design-tokens のインストール方法
コマンドラインで design-tokens AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/soborbo/claudeskills --skill design-tokens
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: soborbo/claudeskills。
SKILL.md
原文を見るFoundation layer for all UI. Every visual property comes from here.
This skill is the ONLY source for visual tokens. All UI skills consume from here. No local overrides.
| Semantic | primary-, accent, neutral- | Use in components | | Utility | spacing., font-, shadow- | Internal mapping only |
デザインシステムの基盤。色、タイポグラフィ、間隔。唯一の真実の情報源。生の値はありません。 ソース: soborbo/claudeskills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/soborbo/claudeskills --skill design-tokens- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-25
- 更新日
- 2026-03-10
クイックアンサー
design-tokens のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/soborbo/claudeskills --skill design-tokens インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/soborbo/claudeskills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-25