Los equipos frontend necesitan componentes de UI y secciones de página coherentes. Esta skill guía a Claude, Codex y Claude Code para usar Shadcn MCP y 21st.dev MCP.

Los equipos pierden tiempo traduciendo elecciones de temas en comandos shadcn repetibles. Esta skill usa referencias de tweakcn para seleccionar un tema y guiar la instalación.

Crear recursos de logotipo pulidos a menudo requiere varios pasos de diseño y limpieza. Esta skill genera un logotipo con Replicate, elimina el fondo y guarda un PNG transparente.

Crear imágenes consistentes para sitios web puede ralentizar el trabajo en componentes. Esta skill genera, optimiza y guarda recursos WebP con Replicate y Sharp.

Los equipos necesitan recursos visuales consistentes para páginas de producto, documentación y pantallas de marketing. Esta skill guía la generación con DALL-E y almacena archivos en carpetas de recursos del proyecto.

El tráfico de influencers suele abandonar cuando las páginas de destino no reflejan el mensaje del creador ni simplifican la oferta. Esta habilidad audita la continuidad del mensaje y crea un plan priorizado de conversión y pruebas.

Los diseños de correo electrónico suelen fallar entre distintos clientes, en modo oscuro y cuando las imágenes están bloqueadas. Esta habilidad crea HTML robusto y documenta los riesgos específicos de cada cliente.

Los prompts de imágenes educativas suelen producir diagramas genéricos que no captan el objetivo de la lección. Esta skill convierte el contexto de la lección en briefs creativos enfocados para visuales adecuados al alumnado.

Los equipos necesitan comentarios de UX consistentes antes de cambiar componentes de la interfaz. Esta skill aplica un marco de tres partes para posición, peso visual y espaciado.

Los equipos de cursos necesitan recursos visuales consistentes que expliquen conceptos rápidamente. Esta skill convierte briefs creativos en flujos de trabajo de generación de imágenes con Gemini, con controles de calidad y organización de archivos.

Las brechas de accesibilidad pueden bloquear a los usuarios y crear riesgos de cumplimiento. Esta habilidad guía auditorías WCAG, comprobaciones con lectores de pantalla, pruebas de teclado y planificación de remediación.

Educational short videos require research, clear animation, and careful music timing. This skill coordinates agent work and local tools to produce narration-free vertical videos.

Markdown articles can lose formatting when pasted into the WeChat editor. This skill guides HTML generation with inline styles and local previews for manual publishing.

Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.

Turning articles into clear animated explanations requires coordinated narration, visuals, and timing. This skill plans scenes and renders hand-drawn videos around a verified continuous narration track.

Creating consistent web captures across devices and formats requires repeated setup. This skill guides Claude and Codex through CurlShot requests for screenshots, PDFs, and scrolling videos.

Technical illustrations can lose consistency when views, annotations, and exports are created separately. This skill builds shared geometry and packages a local viewer with coordinated downloads.

SaaS teams lose users when interfaces obscure value or create unnecessary effort. This sourced playbook guides design reviews across acquisition, activation, retention, and monetization.

Visual briefs need clear direction, consistent assets, and practical export options. Huashu Design guides three visual drafts, HTML implementation, local verification, and optional presentation or video exports.

Los cambios en plugins de FigJam pueden fallar cuando se mezclan las API del hilo principal y de la UI. Esta skill guía a Claude, Codex y Claude Code a través de la estructura del proyecto, el flujo de compilación y el flujo de trabajo de importación.