La entrega de diseños a menudo rompe la arquitectura, los tokens y la accesibilidad. Esta skill guía a Claude, Codex y Claude Code para convertir pantallas seleccionadas de Figma o Pencil en código Tailwind por capas.

Los equipos de Next.js suelen pasar por alto los requisitos de favicon, PWA e imágenes sociales. Esta skill audita el proyecto, prepara especificaciones exactas de recursos y conecta los archivos generados con las convenciones de App Router.

Recreating a successful video ad from observation is slow and inconsistent. This skill converts reference footage into an evidence-based timeline and production-ready adaptation prompt.

Convertir contenido largo en tarjetas de imagen para redes sociales es lento e inconsistente. Esta skill planifica series de infografías estilo Xiaohongshu con estilos, diseños, prompts y rutas de salida.

Convertir contenido extenso en un deck visual coherente requiere planificación y redacción de prompts. Esta skill crea un esquema estructurado, prompts de diapositivas e imágenes de diapositivas generadas.

Convertir notas o informes en un elemento visual claro puede requerir muchas decisiones de diseño. Esta habilidad analiza el contenido, recomienda diseños y estilos, y prepara un prompt de imagen para flujos de trabajo de Claude, Codex o Claude Code.

Los prompts de imágenes suelen necesitar configuración del proveedor, tamaños y rutas de salida repetibles. Esta skill ejecuta un generador basado en API con opciones de relación de aspecto, calidad e imagen de referencia.

Los equipos necesitan generar imágenes y texto rápidamente sin crear una interfaz de usuario separada. Esta skill proporciona un flujo de trabajo de CLI para prompts, imágenes, referencias y sesiones de Gemini Web.

Las portadas de artículos suelen necesitar un concepto visual claro antes de que comience la generación de imágenes. Esta skill analiza el contenido y crea un prompt de portada alineado con el estilo, con orientación sobre título y diseño.

Los archivos de imagen grandes ralentizan las entregas y hacen que los repositorios sean más difíciles de compartir. Esta skill comprime imágenes locales a WebP, PNG o JPEG usando herramientas de línea de comandos disponibles.

El material fuente extenso es difícil de convertir en lecciones visuales claras. Esta skill guía a Claude, Codex o Claude Code a través del análisis, el guion gráfico, los prompts de imagen y el ensamblaje en PDF.

Los artículos largos suelen necesitar elementos visuales, pero elegir las posiciones de las imágenes y los prompts lleva tiempo. Esta habilidad analiza contenido Markdown, planifica ilustraciones y crea prompts y ubicaciones de imágenes consistentes.

Los briefs creativos suelen necesitar prompts visuales claros antes del renderizado. Esta skill convierte briefs y referencias en paquetes de prompts listos para MaxArt, planes de movimiento e ideas de prueba.

Teams often compare superficial UI alternatives without learning which design decision matters. This skill builds distinct, accessible variants and a shareable picker for informed selection.

Los pequeños detalles de la UI a menudo hacen que los productos terminados se sientan poco refinados. Esta skill ayuda a Claude, Codex y Claude Code a revisar la tipografía, las superficies, el movimiento y el pulido de la interacción.

Interface changes can introduce visual, accessibility, and content regressions across connected surfaces. This skill resolves the change scope and produces evidence-based findings with clear status labels.

Web interfaces hide their implementation behind compiled styles and runtime behavior. This skill gathers evidence and explains the design system or visual effect.

Inconsistent timing and easing can make interface motion feel slow or distracting. This skill audits existing motion and maps each usage to suitable transitions.dev tokens.

Interface motion often becomes inconsistent, inaccessible, or difficult to maintain. This skill provides 32 reusable transition patterns with shared tokens and reduced-motion support.

Los equipos necesitan renderizados de video repetibles sin abrir un editor manual. Esta skill envía TSX de Remotion a inference.sh y devuelve un renderizado MP4 configurable.