css-tokens

SKILL.md

| Button | --color-primary, --space-2/4, --radius-md, --text-sm | | Input | --color-border, --space-2/3, --radius-md, --text-base | | Card | --color-surface, --space-4, --radius-lg, --shadow-md | | Badge | --color-, --space-1/2, --radius-full, --text-xs |

Diseñe el sistema de tokens utilizando propiedades personalizadas de CSS para un estilo consistente. Úselo para crear paletas de colores, escalas de espaciado, sistemas tipográficos y temas (modo oscuro/claro). Activa solicitudes de tokens de diseño, variables CSS, temas, sistemas de color, escalas de espaciado o estilos consistentes. Fuente: ibutters/claudecodeplugins.

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/ibutters/claudecodeplugins --skill css-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 o Cursor

Ver original