Dark Mode

email-template-builder ayuda a los equipos a diseñar sistemas de email transaccional con plantillas React Email o MJML, integraciones con proveedores como Resend, Postmark, SendGrid o AWS SES, herramientas de vista previa, i18n, modo oscuro, comprobaciones de entregabilidad y seguimiento. Es especialmente útil para equipos de SaaS y producto que quieren reemplazar emails HTML aislados por flujos de trabajo mantenibles.

frontend-ui-dark-ts te ayuda a crear UI en React con tema oscuro usando TypeScript, Tailwind CSS, Framer Motion y tokens de diseño reutilizables. Está pensado para dashboards, paneles de administración, vistas de analítica y otras interfaces con mucha densidad de datos que necesitan una estética oscura pulida y patrones de componentes consistentes.

ui-web te ayuda a diseñar y dar estilo a componentes de interfaz web con comprobaciones WCAG 2.1 AA, contraste sólido, controles visibles y patrones de Tailwind amigables con el modo oscuro. Usa este skill ui-web para front ends de estilo React cuando necesites guía práctica de diseño de UI que mejore la accesibilidad y reduzca las dudas.

La skill ui-testing ofrece un flujo de verificación de UI basado en checklist para detectar botones invisibles, bajo contraste, estados de enfoque ausentes y problemas con áreas táctiles antes del lanzamiento. Es ideal para revisiones de diseño de UI, comprobaciones de componentes y validaciones rápidas de accesibilidad con menos margen de error que un prompt genérico de pruebas.

ios-design-guidelines ayuda a revisar, dar forma y reescribir interfaces de SwiftUI/UIKit según las Apple Human Interface Guidelines para iPhone. Resulta útil para diseño de interfaz cuando necesitas orientación práctica sobre diseño de layout, navegación, accesibilidad, Dynamic Type, Dark Mode y elección de componentes del sistema.

hig-foundations es la skill de fundamentos del HIG de Apple para diseño de UI. Úsala para color, tipografía, símbolos, materiales, motion, privacidad, layout, RTL, accesibilidad y decisiones alineadas con el sistema antes de pasar a patrones o componentes.

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.