Guíe a los agentes de IA sobre el uso correcto de tokens de diseño IDS en componentes de React y CSS. Esta habilidad cubre patrones de importación, errores comunes y reglas prácticas de uso para cada categoría de token.
Instala rápidamente el skill de IA token-usage en tu entorno de desarrollo mediante línea de comandos
Fuente: 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.
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.
Guíe a los agentes de IA sobre el uso correcto de tokens de diseño IDS en componentes de React y CSS. Esta habilidad cubre patrones de importación, errores comunes y reglas prácticas de uso para cada categoría de token. Fuente: iress/design-system.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/iress/design-system --skill token-usageGuíe a los agentes de IA sobre el uso correcto de tokens de diseño IDS en componentes de React y CSS. Esta habilidad cubre patrones de importación, errores comunes y reglas prácticas de uso para cada categoría de token. Fuente: iress/design-system.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/iress/design-system --skill token-usage Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/iress/design-system