¿Qué es design-tokens?
Fundamento del sistema de diseño. Colores, tipografía, espaciado. Fuente única de verdad. Sin valores brutos. Fuente: soborbo/claudeskills.
Fundamento del sistema de diseño. Colores, tipografía, espaciado. Fuente única de verdad. Sin valores brutos.
Instala rápidamente el skill de IA design-tokens en tu entorno de desarrollo mediante línea de comandos
Fuente: soborbo/claudeskills.
Foundation layer for all UI. Every visual property comes from here.
This skill is the ONLY source for visual tokens. All UI skills consume from here. No local overrides.
| Semantic | primary-, accent, neutral- | Use in components | | Utility | spacing., font-, shadow- | Internal mapping only |
Fundamento del sistema de diseño. Colores, tipografía, espaciado. Fuente única de verdad. Sin valores brutos. Fuente: soborbo/claudeskills.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/soborbo/claudeskills --skill design-tokensFundamento del sistema de diseño. Colores, tipografía, espaciado. Fuente única de verdad. Sin valores brutos. Fuente: soborbo/claudeskills.
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/soborbo/claudeskills --skill design-tokens 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/soborbo/claudeskills