Motion

manim-video te ayuda a planificar y producir videos explicativos limpios basados en Manim para gráficos, flujos de trabajo, diagramas de sistemas, recorridos de producto y visuales de lanzamiento. Usa la skill de manim-video cuando quieras una explicación animada precisa con un flujo de trabajo centrado en la escena, no una edición con hablante a cámara. Incluye pasos prácticos de la guía de manim-video para instalación, planificación de escenas y renderizado.

liquid-glass-design te ayuda a implementar el sistema Liquid Glass de Apple en iOS 26 para SwiftUI, UIKit y WidgetKit. Úsalo para botones, tarjetas, barras de herramientas, contenedores y widgets con acabado de cristal, con orientación sobre forma, tinte, interactividad y cuándo el efecto encaja de verdad en una interfaz.

frontend-slides te ayuda a crear presentaciones HTML con muchas animaciones desde cero o convirtiendo archivos PowerPoint. Usa la skill frontend-slides para charlas, pitch decks, talleres, demos internas y frontend-slides para diseño de UI cuando busques exploración visual, salida en navegador sin dependencias y diapositivas que encajen en una sola ventana de visualización.

Usa frontend-design para crear interfaces frontend distintivas y listas para producción, con una postura visual clara. Este skill de frontend-design está pensado para landing pages, paneles, shells de aplicación y componentes donde la jerarquía, la tipografía, el movimiento y el acabado importan tanto como la implementación. Incluye orientación de instalación y uso para un trabajo de UI guiado por el diseño.

Usa la skill design-system para generar o auditar un sistema de UI, extraer tokens del código existente y revisar la consistencia visual en repos reales.

design-consultation es una skill de design-consultation para convertir una idea de producto en bruto en una dirección de diseño completa. Crea una fuente única de verdad en DESIGN.md, vistas previas y guía a nivel de sistema para tipografía, color, espaciado, layout y motion. Es ideal para productos nuevos y superficies de interfaz que necesitan un punto de partida coherente.

ckm:design es una skill de diseño estructurada para enrutar y producir logos, maquetas de CIP, banners, slides e iconos SVG. Incluye referencias prácticas, opciones basadas en CSV y scripts de Python para flujos de diseño repetibles, en lugar de depender solo de prompts genéricos.

La skill interaction-design ayuda a los equipos a diseñar e implementar motion UI con intención, microinteracciones, transiciones, estados de carga y patrones de feedback, con referencias prácticas orientadas a React y guía de uso.

react-native-design es una skill centrada en patrones de UI para React Native, con cobertura de estilos con StyleSheet, React Navigation tipado y uso de Reanimated 3 para pantallas multiplataforma.

overdrive es una skill de GitHub para trabajos ambiciosos de diseño de interfaces que prioriza el contexto, la planificación basada en propuestas y una calidad de interacción excepcional. Úsala para instalar y aplicar overdrive en transiciones cinematográficas, interfaces responsivas y experiencias de producto de alto impacto.

quieter es una habilidad de refinamiento de diseño de UI que reduce la agresividad visual en interfaces muy ruidosas o sobreestimulantes sin perder claridad, jerarquía ni intención de marca. Funciona mejor después de la habilidad principal `$impeccable` y ayuda a los equipos a diagnosticar de dónde viene la intensidad antes de hacer cambios concretos.

polish es una skill de revisión final de UI para detectar problemas de alineación, espaciado, consistencia, uso de tokens y microdetalles antes del lanzamiento. Funciona mejor con pantallas, flujos o componentes que ya cumplen su función, pero aún no se sienten del todo pulidos. Úsala para mejorar la preparación para lanzamiento, la alineación con el sistema de diseño y la calidad general sin caer en rediseños innecesarios.

impeccable te ayuda a crear interfaces frontend distintivas y listas para producción, en lugar de diseños genéricos con aspecto de IA. Admite flujos de trabajo de craft, teach y extract para páginas, componentes web, superficies de apps, pósteres y otros frontends con una fuerte carga de diseño, por lo que resulta útil para diseño UI, preparación del contexto de diseño y extracción de patrones reutilizables.

Usa la skill delight para añadir un acabado visual cuidado, microinteracciones y personalidad a los estados de éxito, carga, vacío y onboarding sin perjudicar la usabilidad ni la concentración.

impeccable es una skill de diseño UI y frontend para crear interfaces distintivas y listas para producción. Usa craft, teach o extract para dar forma a diseños, cargar referencias específicas e implementar componentes, páginas y patrones de sistemas de diseño bien pulidos, con una guía más clara de instalación y uso.

bolder ayuda a que diseños de UI seguros pero sosos resulten más distintivos sin perder usabilidad. Descubre cuándo usar el skill bolder, su paso previo obligatorio $frontend-design y pautas prácticas para crear prompts más sólidos, diagnosticar problemas y aumentar el impacto visual con control.

frontend-design es una skill centrada en el contexto para crear código de interfaz frontend con personalidad. Úsala para convertir la audiencia, el caso de uso y el tono de marca en mejores decisiones de layout, tipografía, color, movimiento, estados de interacción y UX writing en páginas, componentes y flujos.

La skill polish ayuda a los equipos a realizar una revisión final de calidad de la UI antes del lanzamiento. Úsala para detectar problemas de espaciado, alineación, estados de interacción, copy y casos límite cuando la interfaz ya está completa a nivel funcional y el contexto de diseño ya está definido.

overdrive es una skill invocable por el usuario para diseño UI ambicioso, pensada para llevar las interfaces más allá de los componentes estándar. Primero requiere el contexto de /frontend-design y, después, te pide proponer conceptos antes de construir interacciones enfocadas y de alto impacto.

La skill delight ayuda a aportar alegría sutil, personalidad y un pulido fino al trabajo de diseño de UI. Úsala para mejorar estados de éxito, estados vacíos, momentos de carga e interacciones, con orientación contextual para la instalación, configuración y uso de delight.

bolder es una skill de diseño de interfaces que potencia interfaces sosas o demasiado conservadoras con más contraste, jerarquía y personalidad. Úsala después de recopilar contexto con /frontend-design, o con /teach-impeccable cuando no exista contexto de diseño, para obtener mejoras de diseño más claras y accionables sin perder usabilidad.

Usa la skill animate para revisar una funcionalidad de UI y planificar animaciones, microinteracciones y transiciones con intención. Te ayuda a identificar motion design que mejora el feedback, la claridad, la jerarquía y la sensación de disfrute, con el contexto de diseño obligatorio de /frontend-design y atención al rendimiento y la accesibilidad.

La skill quieter reduce la intensidad visual en UI Design, ayudando a suavizar interfaces estridentes, agresivas o sobreestimulantes sin perder jerarquía, claridad ni personalidad de marca. Se aprovecha mejor después del flujo obligatorio `/frontend-design` en el repositorio pbakaus/impeccable.

La skill polish guía una revisión final de la UI para corregir espaciado, alineación, textos, estados y transiciones antes del lanzamiento. Funciona mejor cuando la funcionalidad ya está terminada y se cuenta con contexto de diseño, un estándar de calidad claro y un objetivo concreto: una pantalla, un flujo o un componente.