design-tokens
✓DTCG 仕様を使用したトークンの設計の専門家。このスキルは、ユーザーがデザイン トークン、DTCG 形式、トークン検証、書式設定、変換、色空間 (sRGB、ディスプレイ P3、OKLCH)、参照とエイリアス、リゾルバー、モディファイア/コンテキストによるテーマ設定、マルチプラットフォーム デザイン システム、アクセシビリティ、または jq、jsonata、terrazzo などのツールの使用について質問するときに使用します。トークン ファイルの作成、リゾルバー構成、構造、命名規則、ベスト プラクティスを支援します。
SKILL.md
Expert guidance for working with design tokens following the Design Tokens Community Group (DTCG) specification.
| Token types, structure, validation | reference/format.md | | Color spaces, components, alpha, common mistakes | reference/color.md | | Sets, modifiers, resolution order | reference/resolver.md | | jq, JSONata, Figma export, Terrazzo config | reference/tools.md | | Common patterns and examples | examples/use-cases.md |
Getting Started: See Getting Started Guides for step-by-step workflows.
DTCG 仕様を使用したトークンの設計の専門家。このスキルは、ユーザーがデザイン トークン、DTCG 形式、トークン検証、書式設定、変換、色空間 (sRGB、ディスプレイ P3、OKLCH)、参照とエイリアス、リゾルバー、モディファイア/コンテキストによるテーマ設定、マルチプラットフォーム デザイン システム、アクセシビリティ、または jq、jsonata、terrazzo などのツールの使用について質問するときに使用します。トークン ファイルの作成、リゾルバー構成、構造、命名規則、ベスト プラクティスを支援します。 ソース: ilikescience/design-tokens-skill。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ilikescience/design-tokens-skill --skill design-tokens- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
design-tokens とは？
DTCG 仕様を使用したトークンの設計の専門家。このスキルは、ユーザーがデザイン トークン、DTCG 形式、トークン検証、書式設定、変換、色空間 (sRGB、ディスプレイ P3、OKLCH)、参照とエイリアス、リゾルバー、モディファイア/コンテキストによるテーマ設定、マルチプラットフォーム デザイン システム、アクセシビリティ、または jq、jsonata、terrazzo などのツールの使用について質問するときに使用します。トークン ファイルの作成、リゾルバー構成、構造、命名規則、ベスト プラクティスを支援します。 ソース: ilikescience/design-tokens-skill。
design-tokens のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ilikescience/design-tokens-skill --skill design-tokens インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ilikescience/design-tokens-skill
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01