Theming

design-system-patterns ayuda a los equipos a diseñar bases de UI escalables con estructuras de tokens, arquitectura de temas y patrones reutilizables de API de componentes para sistemas de diseño y bibliotecas de componentes.

visual-design-foundations ayuda a los equipos a crear sistemas de UI prácticos con escalas tipográficas, tokens de color, reglas de espaciado y pautas de iconografía. Úsala para implantar una base de diseño sólida, crear guías de estilo, auditar la jerarquía visual y generar variables CSS listas para implementación a partir de restricciones de diseño claras.

La skill colorize ayuda a los equipos de UI a incorporar color de forma estratégica en interfaces grises o planas. Descubre cuándo conviene usarla, qué contexto necesita y cómo encaja en el flujo de trabajo impeccable con $frontend-design y decisiones de color alineadas con la marca.

La skill audit realiza una auditoría técnica de UX sobre trabajo frontend y revisa accesibilidad, rendimiento, theming, comportamiento responsive y anti-patterns. Genera hallazgos con puntuación, etiquetas de severidad P0-P3 y un plan de acción, con una configuración previa obligatoria mediante skills impecables relacionadas.

La skill normalize audita una funcionalidad de UI y la vuelve a alinear con tu sistema de diseño. Consulta las opciones de instalación de normalize, la preparación previa necesaria de frontend-design y recomendaciones prácticas de uso para páginas, rutas y componentes.

Descubre cómo la skill colorize aporta color de forma estratégica a interfaces grises o planas. Esta guía cubre la preparación necesaria con frontend-design, el contexto de instalación desde el repositorio y su uso práctico para mejorar jerarquía, semántica y ajuste con la marca.

La skill audit realiza revisiones técnicas de UX estructuradas para páginas, funcionalidades o componentes. Comprueba accesibilidad, rendimiento, tematización, comportamiento responsive y anti‑patrones de front-end, y devuelve hallazgos puntuados con severidad P0-P3 y un plan de acción. Se aprovecha mejor después del paso de contexto obligatorio /frontend-design.

expo-tailwind-setup es una guía práctica para instalar y configurar Tailwind CSS v4 en Expo con react-native-css y NativeWind v5 para iOS, Android y web.

mui es una guía especializada sobre Material UI v7 para React que cubre estilos con sx, personalización de temas, layouts responsive y los cambios clave de migración en v7. Úsala para instalar la skill, seguir los archivos principales y generar componentes MUI con los patrones actuales de @mui/material.

marp-slide ayuda a los agentes a crear presentaciones Marp pulidas con 7 temas, plantillas reutilizables y referencias sobre sintaxis de Marp, imágenes y CSS. Úsala para convertir notas preliminares en markdown listo para presentar, con mejor estructura, elección de temas más rápida y un flujo de creación de diapositivas más fiable.

makepad-2.0-theme es una skill de temas para Makepad 2.0 que permite aplicar variables `theme.*`, alternar entre temas oscuro y claro y mantener consistente el estilo basado en design tokens. Usa esta guía para entender la instalación y el uso de makepad-2.0-theme en interfaces de producción y sistemas de diseño.

figma-generate-library te ayuda a crear o actualizar un sistema de diseño en Figma a partir de una base de código, con un flujo de trabajo ordenado para tokens, bibliotecas de componentes, documentación y temas claro/oscuro. Usa la skill figma-generate-library cuando necesites una guía práctica para Design Systems, no un mockup puntual. Complementa a figma-use para llamadas a la Plugin API.

figma-generate-library ayuda a convertir una base de código en una biblioteca de sistema de diseño en Figma con tokens, variables, componentes, theming y documentación. Usa la skill figma-generate-library cuando necesites un flujo de trabajo por fases para tareas de Design Systems, incluyendo instalación, configuración, descubrimiento, creación, validación y reconciliación con el código.

Usa wp-block-themes para trabajar con temas de bloques de WordPress: theme.json, plantillas, partes de plantilla, patrones, variaciones de estilo y depuración en el Editor del sitio. Está pensado para implementación de diseño, flujos de instalación y uso, y para resolver problemas de jerarquía de estilos, sobrescrituras, caché y personalización del usuario con menos conjeturas.

teach-impeccable es una skill de configuración inicial única que analiza tu repo, hace solo las preguntas de UX y marca que faltan, y guarda pautas de diseño persistentes para futuras sesiones de IA.