Skills de agente de design

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.

La skill web-component-design ayuda a los equipos a diseñar componentes de UI reutilizables para React, Vue y Svelte, con patrones de API sólidos, guía de accesibilidad y referencias sobre las ventajas y compromisos de estilo para sistemas de diseño.

ckm:design-system te ayuda a crear tokens en tres capas, especificaciones de componentes, variables CSS, mapeos a Tailwind y slides de marca coherente a partir de una arquitectura clara de tokens.

mobile-android-design ayuda a los agentes a ofrecer orientación de UI nativa para Android con Material Design 3, Jetpack Compose, tematización, navegación y patrones de diseño adaptativo para teléfonos, tablets y dispositivos plegables.

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.

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 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.

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.

Usa la skill tailwind-design-system para crear sistemas de diseño con Tailwind CSS v4, incluyendo tokens, theming, variantes, accesibilidad y guía de migración de v3 a v4.

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.

frontend-design es una skill centrada en diseño para crear interfaces frontend pulidas, con mejor contexto, jerarquía, accesibilidad y comportamiento responsive. Úsala para instalar la skill, revisar las referencias clave y aplicar orientación práctica para mejorar componentes, páginas y pantallas de aplicaciones.

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.

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 mobile-ios-design ayuda a los agentes a generar orientación de UI nativa para iOS con principios de Apple HIG, patrones de SwiftUI, recomendaciones de navegación, accesibilidad y diseños adaptativos para iPhone y iPad.

frontend-design convierte ideas vagas de UI en interfaces distintivas y listas para producción, con código frontend real, una dirección estética clara y menos estilo genérico de IA.

design-system-starter ayuda a los equipos a estructurar un design system con tokens, componentes atómicos, tematización, pautas WCAG 2.1 AA, checklists y plantillas compatibles con React para documentación y código base.

Usa la skill responsive-design para planificar e implementar layouts de interfaz adaptativos con container queries, tipografía fluida, CSS Grid, Flexbox y breakpoints mobile-first del repositorio wshobson/agents.

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.

ckm:banner-design ayuda a crear banners, portadas, cabeceras, anuncios display y hero graphics web con briefs estructurados, un flujo según tamaño y varias direcciones de arte. Ideal para diseño UI, creatividades de marketing y conceptos de banners por plataforma con SKILL.md y la referencia de tamaños y estilos.

canvas-design ayuda a crear piezas visuales estáticas originales con un flujo de dos pasos: redactar una filosofía de diseño en Markdown y luego renderizarla como .png o .pdf. Encaja mejor para pósters, portadas, visuales conceptuales y gráficos de campaña cercanos a UI con poco texto.

web-design-guidelines revisa código de interfaz según las Vercel Web Interface Guidelines, obtiene las reglas más recientes y devuelve hallazgos breves en formato file:line para auditorías de UX y accesibilidad.

design-an-interface te ayuda a diseñar módulos y superficies de API reuniendo requisitos, generando 3 o más opciones claramente distintas y comparando trade-offs antes de implementar.

event-store-design ayuda a equipos de Backend Development a diseñar event stores para sistemas basados en event sourcing, con cobertura de streams, orden, concurrencia, snapshots, metadatos, suscripciones y compensaciones operativas. Úsalo para definir un diseño de event store práctico antes de implementarlo.

La skill normalize audita una funcionalidad de UI y la vuelve a alinear con tu sistema de diseño. Descubre el contexto de instalación de normalize, la preparación necesaria en /frontend-design y su uso práctico en páginas, rutas y componentes.

python-design-patterns es una skill de refactorización y revisión de diseño en Python, centrada en KISS, SRP, la separación de responsabilidades, la composición sobre la herencia y la Rule of Three para lograr un código más limpio y fácil de probar.

api-design es una skill de diseño de API REST para planificar y revisar endpoints, nombres de recursos, códigos de estado, paginación, filtros, versionado y respuestas de error.

deployment-pipeline-design te ayuda a diseñar pipelines CI/CD de varias etapas con puertas de aprobación, controles de seguridad, estrategia de despliegue, promoción entre entornos y lógica de rollback para Kubernetes, ECS, VM, serverless y otros destinos de despliegue.

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.

api-design-principles te ayuda a diseñar y revisar APIs REST y GraphQL con listas de verificación, archivos de referencia y una plantilla de FastAPI. Úsalo para mejorar el nombrado de recursos, la semántica HTTP, la paginación, los errores, el versionado y la estructura del esquema antes de implementar.

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.

La skill kpi-dashboard-design ayuda a los equipos a planificar dashboards de KPI enfocados en la toma de decisiones, con orientación sobre selección de métricas, jerarquía del dashboard, patrones de gráficos y gobernanza para vistas ejecutivas, tácticas y operativas.

La skill extract ayuda a los equipos a detectar patrones de UI, tokens y componentes repetidos, y a consolidarlos en un sistema de diseño existente con un plan de migración más seguro.

shape es una skill de UX/UI centrada en la planificación: realiza una entrevista de descubrimiento y convierte las respuestas en un brief de diseño antes de escribir código. Úsala con /impeccable para aclarar objetivos de usuario, restricciones, estados y la dirección de implementación en UI Design.

postgresql-table-design ayuda a los agentes a diseñar o revisar esquemas de PostgreSQL con reglas prácticas para claves, normalización, tipos de datos, restricciones, índices de claves foráneas y particularidades de PostgreSQL.

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.

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.

La skill typeset audita y mejora la tipografía de interfaces corrigiendo la elección de fuentes, la jerarquía, el tamaño, el peso y la legibilidad. Es especialmente útil para interfaces de producto, dashboards y landing pages. Requiere primero el contexto de /frontend-design y, si no existe contexto de diseño, /teach-impeccable.

distill es una skill de diseño UI pensada para llevar pantallas, componentes y flujos a su objetivo esencial. Úsala para reducir el desorden, el ruido visual y la acumulación de funciones, pero ten en cuenta que distill depende de /frontend-design y, en algunos casos, de /teach-impeccable antes de utilizarse.

arrange ayuda a diagnosticar y mejorar el layout de interfaces, el espaciado y la jerarquía visual. Usa esta skill arrange para corregir pantallas saturadas, grids repetitivas y composiciones débiles, con la configuración obligatoria mediante $frontend-design y el contexto opcional de $teach-impeccable.

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 arrange ayuda a mejorar el layout de UI, el espaciado, la agrupación y la jerarquía visual. Descubre cuándo conviene usarla, cómo funciona la instalación de arrange desde el repo de GitHub y cómo aplicar arrange con el contexto de /frontend-design para tomar mejores decisiones de UI Design.

arrange ayuda a mejorar el layout de la UI, el espaciado y la jerarquía visual. Úsalo para diagnosticar pantallas saturadas, grids repetitivas, agrupación débil y composiciones planas, y luego aplicar una estructura más clara y un mejor ritmo de espaciado. Se aprovecha mejor dentro de pbakaus/impeccable después de /frontend-design y, en algunos casos, de /teach-impeccable, para sacar más partido a arrange.

distill es una skill de simplificación de diseño de interfaces centrada en reducir una pantalla a su tarea esencial. Úsala para despejar interfaces, reducir ruido y aclarar la jerarquía visual. Funciona mejor después de /frontend-design, con una pantalla concreta, un objetivo principal del usuario y restricciones claras sobre lo que debe conservarse.

bolder es una skill de diseño de interfaces UI que refuerza interfaces planas o excesivamente seguras con una jerarquía más marcada, mayor contraste y más personalidad, sin comprometer la usabilidad. Se usa mejor después de /frontend-design y, si falta contexto, de /teach-impeccable, sobre un objetivo concreto como una página, una sección o un componente.

ui-ux-pro-max es una skill integral para diseño UI/UX asistido por IA. Brinda orientación estructurada sobre layouts, estilos, sistemas de color, tipografía y reglas UX para proyectos web y móviles. Ideal para equipos y desarrolladores que buscan decisiones de diseño prácticas en React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter y HTML/CSS. Úsala para planificar, revisar y mejorar interfaces con inteligencia de diseño curada.

gstack es una skill de IA guiada por navegador para pruebas QA, uso interno, validación de releases y captura de bugs. Abre páginas reales, hace clic en la interfaz, verifica el estado, compara antes y después, prueba diseños responsivos y guarda evidencia respaldada por capturas de pantalla. Es especialmente útil para revisión de diseño de UI y validación de despliegues cuando necesitas resultados fiables del navegador con la skill gstack.

Usa la skill shadcn para revisar el contexto del proyecto, ejecutar los comandos CLI adecuados, instalar componentes y componer interfaces con patrones documentados para base vs radix, formularios, temas y registries.

La skill adapt ayuda a rediseñar una interfaz existente para un nuevo dispositivo o contexto. Conoce el flujo de trabajo de adapt, la dependencia obligatoria de frontend-design, la ruta de instalación y su uso práctico para cambios de diseño UI/UX en móvil, tablet, impresión y experiencias multiplataforma.

Usa la skill animate para revisar una funcionalidad de UI y añadir transiciones con intención, estados de feedback y microinteracciones. Guía las decisiones de motion design en función de la usabilidad, las limitaciones de rendimiento, las necesidades de movimiento reducido y una dirección clara de implementación, en lugar de centrarse solo en efectos decorativos.

Usa la skill animate para revisar una funcionalidad y añadir animación con intención, microinteracciones y efectos de movimiento que mejoren la claridad, el feedback y el acabado visual. Es más adecuada para trabajo de diseño UI con objetivos claros, contexto de diseño y restricciones de rendimiento bien definidas.

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.

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.

typeset mejora la tipografía de interfaces al revisar la elección de fuentes, la jerarquía, el tamaño, el peso y la legibilidad. Conviene usarlo después de /frontend-design y, si falta contexto, con /teach-impeccable, para convertir texto genérico en un sistema tipográfico más claro y deliberado.

La skill onboard ayuda a mejorar los flujos de onboarding, los estados vacíos y la experiencia de primera ejecución para acelerar la activación. Requiere /frontend-design primero, puede necesitar /teach-impeccable y funciona mejor con un objetivo claro, un "aha moment" definido y contexto sobre la experiencia de usuario.

overdrive es una skill de GitHub para diseño UI ambicioso que ayuda a los equipos a elegir y crear interacciones de alto impacto y sensibles al contexto. Úsala para planificar motion destacado, interfaces exigentes en rendimiento y flujos avanzados pulidos, con la preparación de diseño necesaria antes de implementar.

La skill delight ayuda a los equipos de UI a incorporar microinteracciones, textos y momentos de feedback con buen criterio para que las interfaces se sientan más cálidas y memorables. Es más útil para pulir pantallas o flujos concretos, no para rediseños completos. Usa delight con contexto previo de /frontend-design y, si hace falta, ejecuta antes /teach-impeccable.

La skill adapt ayuda a los equipos de UI/UX a rediseñar interfaces existentes para nuevos contextos, como móvil, tablet, impresión o pantallas táctiles. Usa adapt para evaluar los supuestos del origen, las limitaciones del destino y los cambios en la interacción antes de implementar. Instálala desde pbakaus/impeccable y combínala con /frontend-design para obtener mejores resultados.

figma-designer analiza archivos de Figma o capturas de pantalla mediante Figma MCP para extraer especificaciones visuales, design tokens, componentes y un handoff a PRD listo para implementación para equipos de diseño UI.

La skill critique ayuda a los equipos a realizar revisiones UX estructuradas de páginas, funcionalidades y componentes. Evalúa la jerarquía, la carga cognitiva, las heurísticas y los riesgos según personas, y convierte los hallazgos en mejoras accionables. Se aprovecha mejor después de /frontend-design, con capturas claras, objetivos definidos y contexto de usuario.

ckm:ui-styling facilita la creación de interfaces accesibles y listas para producción utilizando shadcn/ui, Tailwind CSS y diseño visual basado en canvas. Es ideal para proyectos en React que requieren estructuras responsivas, componentes accesibles, modo oscuro y sistemas de diseño consistentes. Aprovecha ckm:ui-styling para diseño de UI, tematización y prototipado rápido con recomendaciones prácticas adaptadas al stack.

La skill infographic convierte contenido estructurado en diseños de infografía pulidos con el DSL `infographic`. Úsala para tarjetas KPI, cronologías, roadmaps, flujos paso a paso, comparativas A vs B, análisis SWOT, funnels, árboles organizativos y gráficos sencillos. Encaja muy bien con infographic para UI Design y resúmenes de estilo presentación con 4-8 elementos. No es ideal para análisis de datos complejos ni diagramas técnicos.

infocard te ayuda a crear tarjetas informativas de estilo editorial en Markdown, incrustando HTML y CSS directamente en la página. Es útil para resúmenes, instantáneas de temas, paneles destacados, tarjetas de eventos, bloques comparativos y otros contenidos pensados para UI Design que deben verse diseñados a propósito. No sirve para diagramas ni visualización de datos; usa mejor una skill específica para diagramas o gráficos.

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.

openclaw-persona-forge es un skill orientado a flujos de trabajo para crear desde cero paquetes completos de personajes de OpenClaw. Genera tensión de identidad, marcos al estilo SOUL.md, reglas de límites, opciones de nombre y, de forma opcional, orientación para prompts de avatar. Es ideal para diseño de personajes de OpenClaw, agentes de roleplay y trabajo de personaje cercano a UI Design; no está pensado para pequeñas ediciones de un personaje ya existente.

La skill extract ayuda a los equipos a detectar patrones de UI, tokens y componentes repetidos, y a planificar o ejecutar su consolidación en un sistema de diseño existente con una ruta de migración más segura.

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.

Usa adapt para adaptar diseños UI/UX existentes a móvil, tablet, escritorio, impresión, TV y otros contextos. Incluye lo básico para empezar, la configuración necesaria del contexto de diseño y un uso práctico de adapt para la adaptación entre dispositivos y formatos.

quieter es una skill de refinamiento de diseño UI que reduce la intensidad visual sin perder jerarquía, identidad de marca ni usabilidad. Funciona mejor después de /frontend-design y, si hace falta, /teach-impeccable, ayudando a los equipos a suavizar interfaces recargadas sin tener que hacer un rediseño completo.

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.

clarify ayuda a reescribir textos de UI confusos, mensajes de error, etiquetas e instrucciones para mejorar la UX. Se aprovecha mejor dentro del flujo de pbakaus/impeccable después de /frontend-design, aportando el nivel de la audiencia y el estado mental del usuario para obtener resultados más sólidos.

La skill onboard ayuda a los equipos de producto a mejorar los flujos de onboarding, los estados vacíos y la UX del primer uso. Guía la instalación y el uso con un flujo de trabajo práctico, la dependencia obligatoria `/frontend-design` y pautas para definir el momento aha, el nivel del usuario y los pasos clave de activación.

ckm:brand es una skill de flujo de trabajo de branding para crear, actualizar y revisar guías de marca, mensajes, tono, identidad visual y sincronización de design tokens con scripts y checklists prácticos.

La skill colorize ayuda a los equipos a incorporar color de forma estratégica en interfaces grises o planas. Orienta sobre dónde debe aparecer el color, por qué importa y cómo usarlo dentro del contexto de marca, la jerarquía visual, los estados semánticos y el tono existentes. Se aprovecha mejor después de /frontend-design para tomar decisiones de color más fiables.

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.

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.

La skill accessibility te ayuda a diseñar, implementar y auditar interfaces accesibles con guía de WCAG 2.2 nivel AA para Web, iOS y Android. Úsala para definir roles de componentes, etiquetas, estados, comportamiento del foco y accessibility traits, con orientación práctica para auditorías UX y revisiones de implementación.

healthcare-emr-patterns es una skill práctica para el diseño de EMR/EHR en el ámbito sanitario. Cubre flujos de trabajo de atención al paciente, redacción de notas clínicas, verificación de medicación, resaltado de resultados de laboratorio, auditoría de cambios, integración con CDSS y captura de datos médicos con enfoque de accesibilidad para que el trabajo clínico sea más seguro.

teach-impeccable es una skill de configuración única para diseño de UI que analiza tu repositorio, hace preguntas de UX bien enfocadas y guarda pautas de diseño persistentes para futuras sesiones.

clarify mejora texto UX poco claro, mensajes de error, etiquetas e instrucciones para equipos de UI/UX. Descubre cuándo usarlo, qué contexto necesita y cómo aplicarlo a pantallas, flujos y textos concretos de la interfaz.

graphviz es una skill de diagramación basada en DOT para crear grafos dirigidos y no dirigidos con disposición automática. Úsala para árboles de dependencias, grafos de llamadas, jerarquías de paquetes, mapas de propiedad y otros casos de uso de graphviz para diagramación en los que una estructura legible importa más que la colocación manual. Ayuda a los agentes a generar DOT válido con menos errores de renderizado.

La skill layout ayuda a revisar y mejorar la composición de la UI, el espaciado, la jerarquía, la alineación y el ritmo visual. Es más útil en pantallas recargadas o con una estructura débil, y depende de /impeccable para recopilar contexto antes de usarla.

site-architecture ayuda a planificar o reorganizar la jerarquía de páginas de un sitio web, la navegación, los patrones de URL y el enlazado interno. Úsala para crear sitemaps, especificaciones de navegación, mapas de URL y diagramas del sitio en Mermaid o ASCII para planificación de marketing y UI/UX.

diagram-generator ayuda a crear y editar diagramas de draw.io, Mermaid y Excalidraw a partir de entrada estructurada. Admite diagramas de flujo, diagramas de secuencia, diagramas de clases, diagramas ER, mapas mentales, diagramas de arquitectura y topologías de red, y puede leer archivos .drawio, .mmd y de Excalidraw existentes para facilitar las actualizaciones.

La skill critique ayuda a revisar páginas, flujos y componentes mediante un proceso estructurado de auditoría UX. Detecta señales de contenido generado con baja calidad, evalúa jerarquía, arquitectura de la información, carga cognitiva, heurísticas y fricción según personas, y convierte los hallazgos en feedback accionable. Se aprovecha mejor con el contexto de frontend-design y teach-impeccable.

La skill de uml te ayuda a crear diagramas PlantUML para modelado de software, incluidos diagramas de clases, secuencia, actividad, máquina de estados, componentes, casos de uso, despliegue y otros relacionados. Usa uml para diagramación cuando necesites diagramas editables, con auto-disposición y basados en texto para código, documentación y flujos de trabajo en repositorios. No es adecuada para arquitectura en capas, gráficos ni flujos de trabajo BPMN.

Crea diagramas de arquitectura pulidos, con estética oscura, como archivos HTML independientes con SVG en línea. La skill architecture-diagram está pensada para diagramas de arquitectura de sistemas, infraestructura, cloud, seguridad y topología de red, y ofrece una vista lista para el navegador con colores semánticos, relaciones claras entre componentes y un estilo técnico coherente.

fireworks-tech-graph es un skill de diagramación para convertir descripciones de sistemas en diagramas SVG y PNG listos para producción. Incluye guía de instalación, scripts auxiliares, validación, plantillas y referencias de estilo para diagramas técnicos, flujos de arquitectura, vistas de secuencia y otros flujos visuales relacionados.

ux-designer es una skill de diseño UX estructurada para research, accesibilidad, arquitectura de la información, flujos de interacción, orientación para wireframes y UX copy. Ayuda a los equipos a convertir ideas de producto todavía vagas en decisiones de diseño más claras y basadas en criterios mediante `AGENTS.md` y archivos de reglas enfocados.

swiftui-patterns es una guía práctica para Frontend Development en plataformas Apple. Cubre gestión de estado en SwiftUI, flujos con NavigationStack, composición de vistas y recomendaciones de rendimiento para que puedas elegir el patrón adecuado en código real de aplicaciones. Usa la skill swiftui-patterns al refactorizar o construir pantallas con propiedad clara y menos re-renders.

gan-style-harness es una skill de Generator-Evaluator para Agent Orchestration que ayuda a construir apps completas con una crítica más rigurosa, mejor iteración y menos puntos débiles. Úsala cuando necesites la skill gan-style-harness para trabajo frontend intensivo, full-stack o orientado a producción, donde la calidad de la revisión importa más que la velocidad.

rust-patterns es una guía práctica para desarrollar en Rust con criterios idiomáticos, que cubre ownership, manejo de errores, traits, concurrencia, límites entre módulos y decisiones de diseño orientadas a backend para escribir código más seguro y limpio.

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.

brainstorming es una skill de preimplementación que explora el contexto, plantea preguntas de aclaración de una en una y exige aprobar el diseño antes de escribir código. Incluye un acompañamiento visual opcional y un sólido soporte para la planificación de requisitos.

La skill python-patterns te ayuda a escribir, revisar y refactorizar código Python con patrones idiomáticos, una estructura legible, anotaciones de tipos y un manejo práctico de excepciones. Úsala para código nuevo, diseño de paquetes y módulos, o refactors más limpios que preserven el comportamiento y sigan las convenciones de Python.

postgres-patterns es una skill práctica de referencia rápida de PostgreSQL para optimización de consultas, diseño de esquemas, indexación, Row Level Security y pooling de conexiones. Ayuda a los flujos de trabajo de Database Engineering a tomar decisiones más rápidas y fiables con buenas prácticas compactas, en lugar de depender de un prompt genérico.

baoyu-infographic es un framework de prompts para crear infografías estructuradas con 21 layouts y 20 estilos. Ayuda a analizar el contenido de origen, elegir el layout y el estilo más adecuados, y generar resúmenes visuales claros para diseño de interfaces, comparativas, flujos de trabajo y otros contenidos explicativos con mucha información.

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.

baoyu-cover-image ayuda a los agentes a generar prompts estructurados para imágenes de portada de artículos mediante tipo, paleta, renderizado, texto y tono. Admite formatos 2.35:1, 16:9 y 1:1, incluye reglas de selección automática y guías de compatibilidad, y encaja en flujos repetibles de portadas editoriales y de UI Design.

golang-patterns es una guía práctica de patrones idiomáticos de Go, revisión de código y refactorización. Ayuda a los equipos de desarrollo backend a elegir APIs claras, un manejo seguro de errores, valores cero útiles y límites de paquete mantenibles. Instala golang-patterns cuando necesites menos suposiciones y decisiones de diseño en Go más consistentes.

draw-io es una skill para editar XML de `.drawio`, regenerar archivos `.drawio.png`, aplicar reglas de maquetación y tipografía, y usar iconos oficiales de AWS en diagramas de arquitectura.

banner-creator ayuda a crear banners, encabezados e imágenes hero con un flujo de trabajo estructurado: recopila requisitos, genera variaciones, ajusta según la retroalimentación y recorta a proporciones de cada plataforma con el script incluido.

brand-guidelines da a los agentes colores y tipografías de marca de Anthropic para rediseñar documentación, presentaciones, HTML y otros materiales centrados en texto. Úsalo para aplicar un formato coherente con la marca, jerarquía tipográfica y paletas consistentes después de redactar el contenido.

theme-factory es una skill de tematización curada para presentaciones, documentos, informes y landing pages. Revisa el showcase, elige entre 10 temas predefinidos y aplica colores y tipografías coherentes a tu artefacto.

La skill harden ayuda a dejar las UIs frontend listas para producción con un manejo de errores más sólido, estados vacíos y de carga, correcciones de desbordamiento de texto, soporte de i18n y cobertura de casos límite con datos del mundo real.

architecting-solutions es una skill de Claude Code para diseño técnico, planificación de migraciones y Requirements Planning. Ayuda a aclarar requisitos, analizar las limitaciones del codebase, comparar trade-offs y redactar un diseño de estilo PRD en la carpeta `docs/` de tu proyecto.

Usa el skill cloud para crear diagramas de arquitectura cloud en PlantUML con iconos oficiales de stencils de proveedores para AWS, Azure, GCP, Alibaba Cloud, IBM Cloud y OpenStack. Es una guía sólida de Cloud Architecture, con patrones de instalación y uso, límites de servicio y diseños orientados al flujo para diagramas reales de despliegue.

baoyu-article-illustrator ayuda a los agentes a convertir borradores de artículos en prompts de ilustración estructurados, ubicaciones de imágenes y decisiones coherentes de tipo y estilo para explainers, tutoriales, diagramas y publicaciones con varias imágenes.

database-schema-designer ayuda a desarrolladores e ingenieros de bases de datos a diseñar esquemas SQL o NoSQL listos para producción, con normalización, indexación, restricciones y planificación de migraciones. Incluye frases de activación, una checklist de diseño de esquemas y una plantilla de migración para generar y revisar esquemas de forma práctica.

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.

baoyu-xhs-images convierte artículos o notas en carruseles infográficos para Xiaohongshu con presets, estilos, diseños y orientación de configuración. Ayuda a instalar la skill, elegir las entradas adecuadas y ejecutar `/baoyu-xhs-images` para crear publicaciones sociales estructuradas de varias diapositivas.

Usa el skill de network para crear diagramas de topología de red en PlantUML con iconos de dispositivos mxGraph, auto-layout, agrupación por zonas y semántica clara de enlaces. Encaja bien con diagramas de LAN, WAN, empresariales, de centros de datos, inalámbricos, de seguridad y específicos de proveedores, con ejemplos de uso de network y orientación sobre cuándo conviene usar network en lugar de uml o cloud.

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.

excalidraw-diagram crea diagramas en JSON de Excalidraw que argumentan de forma visual, no solo muestran cajas y flechas. Úsalo para flujos de trabajo, arquitectura, flujos secuenciales, rutas de decisión y diagramas de conceptos donde importan la estructura, la legibilidad y las relaciones reales. Incluye guía de instalación, comprobaciones orientadas al renderizado y un flujo de trabajo práctico para mejorar el diagramado.

compose-multiplatform-patterns es una guía práctica para Compose Multiplatform y Jetpack Compose en apps KMP. Cubre gestión de estado, navegación, tematización, rendimiento y patrones de UI reutilizables para Android, iOS, Desktop y Web, ayudando a equipos de desarrollo frontend a crear pantallas compartidas mantenibles.

Architecture es una skill de diagramación para crear vistas de sistemas por capas en HTML y CSS, con secciones codificadas por color, diseños en cuadrícula y una jerarquía clara de componentes. Es ideal para diagramas de usuario/aplicación/datos/infraestructura, mapas de microservicios y arquitectura empresarial. Úsala en lugar de prompts genéricos cuando quieras una salida de arquitectura rápida y editable para Diagramming.

perl-patterns es una skill moderna para Perl 5.36+ orientada a escribir, revisar y refactorizar código idiomático. Usa esta guía de perl-patterns para orientar la generación de código, simplificar boilerplate heredado y mantener módulos, firmas y manejo de errores fáciles de mantener.

building-native-ui es una skill de UI para Expo Router pensada para crear apps de React Native con una sensación nativa. Conoce el contexto de instalación, la estructura de rutas, pestañas, encabezados, animaciones, contenido multimedia y límites por plataforma antes de usarla.

ui-demo te ayuda a grabar vídeos de demostración de aplicaciones web con un acabado profesional usando Playwright, movimiento visible del cursor y un ritmo natural. Usa la skill ui-demo para recorridos guiados, clips de onboarding, demos de funcionalidades y grabaciones estilo tutorial. Sigue el flujo descubrir, ensayar y luego grabar para obtener resultados fiables, especialmente en prototipos e interfaces que cambian rápido.

Expo UI Jetpack Compose te ayuda a instalar y usar `@expo/ui/jetpack-compose` para la interfaz Android en apps Expo, con guía para SDK 55, imports correctos, pasos de rebuild nativo y verificación de la API en archivos `.d.ts`.

baoyu-comic es una skill para transformar texto fuente en cómics educativos o de estilo biográfico, con planificación de storyboard, consistencia de personajes, diseño de viñetas y generación de imágenes por etapas. Admite uso instalable por CLI, opciones de estilo y maquetación, y flujos parciales como `--storyboard-only`, `--prompts-only` y `--regenerate` para una producción de cómics más controlada.

archimate te ayuda a crear diagramas ArchiMate en PlantUML con `!include <archimate/Archimate>`, macros de elementos tipados y macros de relaciones. Encaja con vistas en capas de arquitectura empresarial para negocio, aplicaciones, tecnología, motivación y planificación de migraciones. Usa archimate para Diagramming cuando necesites una notación EA estructurada, no diagramas genéricos de nube o de red.

canvas crea diagramas JSON Canvas con posicionamiento libre y coordenadas x/y explícitas. Úsalo para mapas mentales, grafos de conocimiento, mapas conceptuales, tableros de planificación y otros flujos de trabajo de diagramación en los que la disposición espacial importa más que la secuencia. No es la opción adecuada para flujos ni para gráficos de datos. Usa la skill de canvas cuando necesites nodos editables, enlaces y una estructura de diseño clara.

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.

kotlin-patterns te ayuda a escribir y revisar Kotlin idiomático usando seguridad frente a nulos, inmutabilidad, jerarquías selladas, corutinas, funciones de extensión y constructores DSL. Usa este skill de kotlin-patterns para generación de código nativo de Kotlin, refactorización y decisiones sobre Gradle Kotlin DSL con menos improvisación.

remotion-video-creation es una skill centrada en Remotion para trabajos de video con React. Ayuda a reducir errores de renderizado con 29 reglas que cubren animaciones, assets, audio, subtítulos, gráficos, composiciones y transiciones. Úsala en flujos de Video Editing, explicadores con plantillas, clips para redes sociales y motion graphics basados en datos.

dotnet-patterns es una guía práctica de patrones de .NET para desarrollo backend. Te ayuda a escribir y revisar C# idiomático con mejores valores predeterminados para la inmutabilidad, las dependencias explícitas, async/await y servicios ASP.NET Core mantenibles. Úsalo para generación de código, refactorización y revisión cuando necesites patrones repetibles, no consejos genéricos.

projection-patterns ayuda a los equipos a diseñar modelos de lectura CQRS y proyecciones sobre flujos de eventos, con orientación práctica sobre tipos de proyección, replay, checkpointing y su uso en Backend Development.

python-background-jobs te ayuda a diseñar colas de tareas en Python, workers, reintentos, seguimiento del estado de los jobs y procesamiento en segundo plano programado con patrones seguros para producción.

multi-cloud-architecture ayuda a diseñar y comparar arquitecturas de AWS, Azure, GCP y OCI mediante mapeos de servicios y patrones probados como primary/DR, active-active y baselines de plataforma portátil.

grafana-dashboards ayuda a los agentes a diseñar dashboards de Grafana para observabilidad en producción. Úsalo para planificar diseños basados en RED y USE, definir la jerarquía de paneles y esbozar la estructura del dashboard para métricas de estilo Prometheus.

nx-workspace-patterns ayuda a diseñar y perfeccionar monorepos Nx con orientación práctica sobre la estructura del workspace, la taxonomía de librerías, los límites entre proyectos, affected CI y estrategias de caché para implementaciones nuevas o migraciones.

gitops-workflow te ayuda a diseñar GitOps en Kubernetes con ArgoCD o Flux, con orientación sobre rutas de instalación, estructura del repositorio, políticas de sincronización y uso listo para despliegue.

terraform-module-library ayuda a los equipos a diseñar módulos reutilizables de Terraform para AWS, Azure, GCP y OCI con una estructura estándar, ejemplos y pruebas que facilitan un trabajo de arquitectura cloud mantenible.

cqrs-implementation ayuda a equipos de backend a diseñar arquitecturas CQRS, separar los modelos de comandos y consultas, y planificar el escalado de lectura y escritura, los eventos y una adopción gradual.

Usa la skill nft-standards para diseñar contratos NFT basados en ERC-721 y ERC-1155, con orientación sobre metadatos, acuñación, regalías, patrones soulbound, NFT dinámicos y comportamiento adaptado a marketplaces para proyectos Web3.

prompt-engineering-patterns es una skill práctica para diseñar prompts en producción. Cubre el contexto de instalación, plantillas reutilizables, ejemplos few-shot, salidas estructuradas y flujos de optimización de prompts para Context Engineering.

Usa la skill distributed-tracing para diseñar y explicar el trazado de solicitudes entre microservicios con Jaeger y Tempo. Incluye conceptos básicos de instalación, nociones de traces y spans, patrones de configuración en Kubernetes, propagación de contexto y casos prácticos para observabilidad y depuración de latencia.

La skill backtesting-frameworks ayuda a diseñar y revisar backtests de estrategias de trading con controles más sólidos frente al look-ahead bias, survivorship bias, overfitting, costes de transacción y validación walk-forward en Finanzas.

La skill web3-testing te ayuda a diseñar y montar flujos de pruebas de smart contracts con Hardhat y Foundry, incluyendo pruebas unitarias, cobertura de integración, mainnet forking, fuzzing, controles de gas y orientación de configuración para equipos de Solidity y DeFi.

langchain-architecture es una guía de diseño para crear aplicaciones con LangChain 1.x y LangGraph. Úsala para decidir entre cadenas, agentes, retrieval, memoria y patrones de orquestación con estado antes de implementar.

billing-automation ayuda a diseñar flujos de facturación recurrente para suscripciones, facturas, renovaciones, prorrateo, dunning y cobro con gestión fiscal en proyectos de Workflow Automation.

airflow-dag-patterns ayuda a diseñar DAGs de Apache Airflow listos para producción, con mejores patrones de tareas, dependencias, operators, sensors, testing y pautas de despliegue para trabajos programados.

Usa la skill llm-evaluation para diseñar planes de evaluación repetibles para apps con LLM, prompts, sistemas RAG y cambios de modelo, con métricas, revisión humana, benchmarking y controles de regresión.

supabase-postgres-best-practices es una skill de optimización de Supabase Postgres para ajustar consultas, indexación, diseño de esquemas, rendimiento de RLS, bloqueos y gestión de conexiones.