Technical diagrams often become inconsistent, crowded, or inaccessible. This skill applies structured layouts, brand tokens, accessibility checks, and export workflows.

Crear música instrumental original con código es complejo y requiere conocimientos de MIDI, síntesis y renderizado. Esta skill proporciona flujos de trabajo y scripts para componer, transformar, renderizar y validar archivos de audio.

Los artistas y equipos necesitan arte generativo reproducible que pueda explorarse sin configuración. Esta skill convierte un concepto en un artefacto HTML p5.js con semilla, controles y exportación PNG.

Crear música de demostración útil con código puede requerir MIDI, soundfonts, renderizado y controles de calidad. Esta skill proporciona a Claude, Codex y Claude Code flujos de trabajo estructurados para componer y exportar archivos MP3 instrumentales.

Las interfaces genéricas pueden hacer que los productos parezcan intercambiables. Esta skill guía a Claude, Codex y Claude Code hacia una dirección visual específica, código pulido y verificación.

La generación de imágenes suele requerir claves de API y configuración de facturación por separado. Esta skill usa pagos BlockRun x402 para generar imágenes a partir de prompts con modelos compatibles.

Los diagramas complejos son difíciles de describir con herramientas simples de notas. Esta skill ayuda a Claude, Codex y Claude Code a crear diagramas TikZJax para Obsidian.

Los temas de Omarchy requieren colores coordinados entre terminales, Hyprland, Waybar y aplicaciones. Esta skill guía la creación de archivos de tema completos a partir de una paleta.

Las notas complejas a menudo necesitan una estructura visual clara para sistemas, flujos de trabajo y cronogramas. Esta skill ayuda a Claude, Codex y Claude Code a producir diagramas Mermaid que se renderizan en Obsidian.

Las esperas largas pueden hacer que los usuarios piensen que una aplicación web está bloqueada o es lenta. Esta skill audita los estados de espera y convierte las observaciones en recomendaciones de UX priorizadas.

Los equipos a menudo necesitan recursos visuales rápidos sin salir de su flujo de trabajo de IA. Esta skill convierte prompts e imágenes seleccionadas en archivos generados por Gemini para diseño, documentación y trabajo de producto.

Los problemas visuales son fáciles de pasar por alto cuando una IA crea páginas, documentos o presentaciones. Esta skill captura vistas previas, revisa detalles de diseño y guía correcciones enfocadas.

Las pantallas frontend genéricas suelen parecerse entre sí y carecen de enfoque de marca. Esta skill guía las decisiones de tipografía, color, movimiento y profundidad para crear interfaces más claras.

Los equipos de producto modernos necesitan una guía de UI consistente y pulida. Esta skill ofrece a Claude, Codex y Claude Code reglas prácticas inspiradas en Apple para tipografía, color, espaciado, componentes, movimiento y revisión de UX.

Los equipos creativos necesitan formas rápidas de convertir ideas visuales en contenido multimedia generado. VisionCraft guía a Claude, Codex y Claude Code a través de flujos de trabajo de imágenes y video de Agnes AI.

Landing pages can waste paid traffic through weak message match, friction, and measurement gaps. This skill audits available evidence and ranks specific fixes by expected impact.

Las interfaces genéricas generadas suelen verse predecibles y débiles. Esta skill guía a Claude, Codex y Claude Code hacia un diseño frontend distintivo y listo para producción.

Recrear a mano el lenguaje visual de un sitio público es lento e inconsistente. Esta habilidad extrae colores, fuentes, espaciado, radios, sombras y archivos de tokens iniciales para su revisión.

Los equipos a menudo lanzan interfaces de usuario inconsistentes porque los tokens, los componentes y la documentación se separan con el tiempo. Esta skill proporciona a Claude, Codex y Claude Code una guía estructurada para sistemas de diseño escalables.

Mobile teams often design from isolated inspiration and miss the patterns that shape successful app journeys. This skill guides structured research of top-grossing apps, screens, flows, and UI elements before implementation.