Esta Skill define un sólido sistema de tokens de diseño implementado como propiedades personalizadas de CSS para garantizar coherencia en tipografía, espac…
Esta Skill define un sólido sistema de tokens de diseño implementado como propiedades personalizadas de CSS para garantizar coherencia en tipografía, espaciado, color y movimiento en proyectos front-end. Proporciona un conjunto claro de tokens: tamaños de fuente escalables, una escala de espaciado basada en 8px, tokens de color en HSL (con sobrescrituras para modo oscuro), radio de borde, duraciones de animación y curvas de easing. Úsalo al construir bibliotecas de componentes, establecer un sistema de diseño, aplicar temas a aplicaciones o entregar trabajo de UI a equipos de ingeniería. Las características clave incluyen ritmo vertical predecible, decisiones de color accesibles mediante HSL para facilitar ajustes de contraste, tematización rápida en modo oscuro y tokens de animación reutilizables. Las ventajas principales son mejor consistencia visual, mantenimiento y tematización más sencillos, prototipado más rápido y menos conjeturas al evitar elecciones arbitrarias de espaciado y color.
Esta página forma parte del hub OpenClaw Skills con guías de instalación, categorías y enlaces prácticos.