token-usage

Name: token-usage
Author: iress

✓

iress/design-systemGitHub: iress/design-system Source: iress/design-system

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.

iress·token·usage

12Installs·3Trend·@iress

Installation

GitHub: iress/design-system

$npx skills add https://github.com/iress/design-system --skill token-usage

How to Install token-usage

Quickly install token-usage AI skill to your development environment via command line

Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
Run Installation Command: Copy and run this command: npx skills add https://github.com/iress/design-system --skill token-usage
Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: iress/design-system.

SKILL.md

View raw

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.

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. Source: iress/design-system.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command: npx skills add https://github.com/iress/design-system --skill token-usage
Source: iress/design-system
Category: </>Dev Tools
Verified: ✓
First Seen: 2026-03-10
Updated: 2026-03-10
URL: https://www.learn-skills.dev/en/skills/iress/design-system/token-usage

Browse more skills from iress/design-system

Quick answers

What is token-usage?

How do I install token-usage?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/iress/design-system --skill token-usage Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/iress/design-system

Details

Category: </>Dev Tools
Source: skills.sh
First Seen: 2026-03-10

Related Skills