·token-usage
</>

token-usage

指導 AI 代理程式在 React 元件和 CSS 中正確使用 IDS 設計令牌。此技能涵蓋了每個令牌類別的匯入模式、常見錯誤和實際使用規則。

12安裝·3熱度·@iress

安裝

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

如何安裝 token-usage

透過命令列快速安裝 token-usage AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/iress/design-system --skill token-usage
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 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

Browse more skills from iress/design-system

快速解答

什麼是 token-usage?

指導 AI 代理程式在 React 元件和 CSS 中正確使用 IDS 設計令牌。此技能涵蓋了每個令牌類別的匯入模式、常見錯誤和實際使用規則。 來源:iress/design-system。

如何安裝 token-usage?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/iress/design-system --skill token-usage 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

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

詳情

分類
</>開發工具
來源
skills.sh
收錄時間
2026-03-10