token-usage とは？
AI エージェントが React コンポーネントと CSS で IDS デザイン トークンを正しく使用できるようにガイドします。このスキルでは、インポート パターン、よくある間違い、各トークン カテゴリの実際の使用規則について説明します。 ソース: iress/design-system。
·token-usage
</>
token-usage
✓AI エージェントが React コンポーネントと CSS で IDS デザイン トークンを正しく使用できるようにガイドします。このスキルでは、インポート パターン、よくある間違い、各トークン カテゴリの実際の使用規則について説明します。
token-usage のインストール方法
コマンドラインで token-usage AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/iress/design-system --skill token-usage
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: iress/design-system。
SKILL.md
原文を見るGuide AI agents on correctly using IDS design tokens in React components and CSS. This skill covers import patterns, common mistakes, and practical usage rules for each token category.
If you are using IDS React components, wrap your application in IressProvider and import the CSS variables stylesheet:
Non-React usage: The tokens package works without React. Import the CSS stylesheet or use cssVars / designTokens directly in any JavaScript or CSS environment.
AI エージェントが React コンポーネントと CSS で IDS デザイン トークンを正しく使用できるようにガイドします。このスキルでは、インポート パターン、よくある間違い、各トークン カテゴリの実際の使用規則について説明します。 ソース: iress/design-system。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/iress/design-system --skill token-usage- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-03-10
- 更新日
- 2026-03-10
クイックアンサー
token-usage のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/iress/design-system --skill token-usage インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/iress/design-system
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-03-10