theming-components
✓Proporciona un sistema de tokens de diseño y un marco temático para un estilo de interfaz de usuario consistente y personalizable en todos los componentes. Cubre la taxonomía completa de tokens (color, tipografía, espaciado, sombras, bordes, movimiento, índice z), cambio de tema (propiedades personalizadas de CSS, proveedores de temas), compatibilidad con RTL/i18n (propiedades lógicas de CSS) y accesibilidad (contraste WCAG, temas de alto contraste, movimiento reducido). Esta es la capa de estilo fundamental a la que hacen referencia TODAS las habilidades de los componentes. Úselo al tematizar componentes, implementar el modo claro/oscuro, crear estilos de marca, personalizar el diseño visual, garantizar la coherencia del diseño o admitir lenguajes RTL.
Instalación
SKILL.md
Comprehensive design token system providing the foundational styling architecture for all component skills, enabling brand customization, theme switching, RTL support, and consistent visual design.
Design tokens are the single source of truth for all visual design decisions. This skill provides:
| margin-left | margin-inline-start | | padding-right | padding-inline-end | | text-align: left | text-align: start |
Proporciona un sistema de tokens de diseño y un marco temático para un estilo de interfaz de usuario consistente y personalizable en todos los componentes. Cubre la taxonomía completa de tokens (color, tipografía, espaciado, sombras, bordes, movimiento, índice z), cambio de tema (propiedades personalizadas de CSS, proveedores de temas), compatibilidad con RTL/i18n (propiedades lógicas de CSS) y accesibilidad (contraste WCAG, temas de alto contraste, movimiento reducido). Esta es la capa de estilo fundamental a la que hacen referencia TODAS las habilidades de los componentes. Úselo al tematizar componentes, implementar el modo claro/oscuro, crear estilos de marca, personalizar el diseño visual, garantizar la coherencia del diseño o admitir lenguajes RTL. Fuente: ancoleman/ai-design-components.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es theming-components?
Proporciona un sistema de tokens de diseño y un marco temático para un estilo de interfaz de usuario consistente y personalizable en todos los componentes. Cubre la taxonomía completa de tokens (color, tipografía, espaciado, sombras, bordes, movimiento, índice z), cambio de tema (propiedades personalizadas de CSS, proveedores de temas), compatibilidad con RTL/i18n (propiedades lógicas de CSS) y accesibilidad (contraste WCAG, temas de alto contraste, movimiento reducido). Esta es la capa de estilo fundamental a la que hacen referencia TODAS las habilidades de los componentes. Úselo al tematizar componentes, implementar el modo claro/oscuro, crear estilos de marca, personalizar el diseño visual, garantizar la coherencia del diseño o admitir lenguajes RTL. Fuente: ancoleman/ai-design-components.
¿Cómo instalo theming-components?
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/ancoleman/ai-design-components --skill theming-components 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
¿Dónde está el repositorio de origen?
https://github.com/ancoleman/ai-design-components
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01