Crea GIFs animados que cumplan con los límites de tamaño de Slack. Construye animaciones con primitivas combinables como shake, bounce, spin, pulse, fade, zoom y explode. Valida el tamaño de archivo y dimensiones para emojis y GIFs de mensajes.

Las imágenes a menudo pierden calidad durante la compresión o edición. Esta habilidad mejora la resolución, nitidez y claridad mientras preserva los originales. Perfecto para crear visuales profesionales desde cualquier imagen.

Crear recursos visuales requiere herramientas especializadas y habilidades de diseño. Esta skill habilita la generación y edición de imágenes impulsada por IA a través de OpenRouter, compatible con modelos FLUX y Gemini para crear fotos, ilustraciones, arte y conceptos visuales.

El código frontend genérico generado por IA a menudo carece de visión creativa y estética memorable. Esta habilidad guía a Claude para crear interfaces visualmente impactantes de nivel de producción con elecciones de diseño audaces, tipografía única y dirección estética cohesiva.

Los usuarios tienen dificultades para crear diseños visuales sofisticados de calidad museística. Esta habilidad proporciona un enfoque estructurado de filosofía de diseño que guía la creación de piezas visuales artísticas originales en formato PNG o PDF.

Crea documentos y presentaciones profesionales con la identidad de marca de Anthropic. Esta habilidad proporciona colores oficiales y directrices de tipografía para garantizar un estilo visual consistente en todos tus artefactos.

Los problemas de accesibilidad web pueden excluir a usuarios con discapacidades del acceso a su sitio web. Esta habilidad proporciona orientación integral para implementar los estándares WCAG 2.1, atributos ARIA y navegación por teclado para crear experiencias inclusivas para todos los usuarios.

Extraer manualmente tokens de diseño de capturas de pantalla y maquetas es tedioso y propenso a errores. Esta habilidad utiliza un proceso de IA de 7 pasadas para extraer sistemáticamente colores, tipografía, espaciado, componentes y detalles de accesibilidad en formato JSON estandarizado W3C DTCG listo para generación de código.

Las fuentes genéricas hacen que los diseños se vean amateurs. Esta habilidad proporciona directrices tipográficas expertas para crear diseños de texto visualmente impactantes y profesionales utilizando recomendaciones de fuentes seleccionadas.

Los asistentes de IA a menudo generan interfaces genéricas y visualmente aburridas que los usuarios llaman 'basura de IA'. Esta skill proporciona orientación de diseño para tipografía, esquemas de color, movimiento y fondos para crear interfaces distintivas y pulidas que destacan.

Figma MCP genera código con variables propietarias como var(--spacing-4) que crean problemas de mantenimiento. Esta habilidad proporciona reglas de conversión claras para transformar estas variables en clases estándar de Tailwind CSS para un código frontend más limpio y fácil de mantener.

Las animaciones web a menudo fallan las pruebas de accesibilidad y afectan el rendimiento. Esta habilidad proporciona patrones GSAP listos para producción que respetan las preferencias del usuario y mantienen 60fps.

Planifica jerarquías de páginas web y navegación que los usuarios puedan entender y los motores de búsqueda puedan rastrear. Esta habilidad ayuda a organizar la arquitectura del sitio para mejor encontrabilidad y rendimiento SEO.

Crea presentaciones visualmente consistentes con paletas de colores y combinaciones de fuentes seleccionadas profesionalmente. Ahorra tiempo aplicando temas prediseñados en lugar de diseñar desde cero.

Crear GIFs animados para Slack es desafiante debido a estrictos límites de tamaño y requisitos de formato. Esta skill proporciona validadores para verificar las restricciones de Slack, primitivas de animación componibles y utilidades para crear GIFs animados y emojis profesionales que cumplan con las especificaciones de la plataforma.

Los usuarios luchan por comunicar conceptos de diseño visual complejos a los asistentes de IA. Esta habilidad proporciona un marco estructurado de filosofía de diseño que transforma ideas abstractas en arte visual sofisticado en formatos PNG o PDF.

Agregar animaciones pulidas a páginas de aterrizaje y demos sin comprometer el rendimiento o la accesibilidad. El Motor Visual Skill maneja temporización, suavizado y patrones de movimiento seguros automáticamente.

Los equipos de marketing tienen dificultades para traducir ideas en planes listos para video. Esta skill proporciona marcos estructurados para hooks, guiones, listas de tomas y directrices específicas de plataforma para YouTube, TikTok, Instagram y LinkedIn.

Genera componentes de UI coherentes y accesibles que siguen las directrices del sistema de diseño. Garantiza distinción visual, alineación con la marca y cumplimiento de accesibilidad en cada componente.

Crear estilos consistentes y responsivos para aplicaciones React requiere comprender múltiples enfoques de CSS. Esta habilidad ofrece patrones listos para usar para Tailwind CSS, CSS Modules y variantes de componentes que mejoran la velocidad de desarrollo.