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.

Deja de codificar componentes de UI manualmente desde cero. Esta habilidad genera componentes accesibles y responsivos, además de formularios de retroalimentación utilizando shadcn/ui y las mejores prácticas modernas.

Crear contenido web 3D requiere entender WebGL, shaders y programación de gráficos 3D. Esta habilidad genera aplicaciones Three.js completas con configuración de escena, iluminación, materiales, animaciones y renderizado responsivo usando módulos ES modernos.

Crear componentes web y páginas distintivos con estética pulida. Evitar visuales genéricos generados por IA y crear interfaces de usuario memorables y de alta calidad.

Los desarrolladores de juegos que construyen interfaces de combate necesitan componentes de UI consistentes y bien arquitectados. Esta habilidad proporciona guía de implementación completa incluyendo interfaces TypeScript, diseños CSS Grid, especificaciones de animación y tokens de estilo responsivos para el sistema de interfaz de combate del Patrón A.

Definir un estilo visual consistente es esencial para la cohesión del proyecto, sin embargo muchos creadores tienen dificultades para articular su visión estética. Esta habilidad proporciona un marco estructurado de 10 pasos para crear guías de estilo artístico detalladas que cubren teoría del color, trabajo de línea, formas, composición, iluminación y especificaciones técnicas.

Crear imágenes desde cero requiere tiempo y habilidad. Esta skill te permite generar imágenes usando descripciones en lenguaje natural con Gemini AI. Simplemente describe lo que quieres y obtén resultados profesionales en segundos.

Necesitas arte visual original que comunique a través de la forma y el espacio. Esta habilidad construye una filosofía visual y genera obras de arte pulidas en PNG o PDF.

Crear GIFs para Slack requiere una optimización cuidadosa para cumplir con los estrictos límites de tamaño de archivo. Este kit de herramientas proporciona validadores, primitivas de animación y herramientas de optimización para que puedas crear GIFs de mensajes y reacciones de emoji que se carguen correctamente.

La creación de arte generativo requiere visión artística y habilidad técnica. Esta skill te ayuda a crear arte generativo único y reproducible usando p5.js con controles de parámetros para exploración. Puedes crear campos de flujo, patrones recursivos, sistemas de partículas y más.

Transforma ideas en arte visual impresionante utilizando filosofías de diseño sofisticadas. Esta guía orienta a la IA para crear carteles y obras de arte de calidad profesional que parecen meticulosamente elaborados por diseñadores maestros.

Necesitas aplicar colores de marca y tipografía consistentes a documentos o presentaciones. Esta habilidad proporciona las directrices oficiales de marca de Anthropic, incluidos colores, fuentes y reglas de estilo, para garantizar un resultado visual alineado con la marca.

Crear arte algorítmico requiere conocimientos especializados de sistemas generativos, aleatoriedad con semilla y p5.js. Esta habilidad ofrece un enfoque estructurado para crear obras generativas originales mediante una filosofía algorítmica y la exploración interactiva de parámetros.

Tailwind CSS V4 introduce cambios revolucionarios con su motor Oxide y configuración CSS-first. Esta habilidad proporciona orientación experta para navegar la migración, optimizar el rendimiento y construir sistemas de diseño modernos.

Las interfaces de aspecto genérico no logran captar la atención del usuario y diluyen la identidad de marca. Esta habilidad guía a los asistentes de IA para crear diseños frontend audaces y memorables con estética única, jerarquía visual sólida y calidad de código lista para producción.

Tus recursos pueden no seguir los estándares de marca de Anthropic. Esta habilidad proporciona colores oficiales y guía de tipografía para un estilo consistente en todos tus materiales.

Crear temas de escritorio consistentes en múltiples aplicaciones es complejo y consume tiempo. El sistema de temas Omarchy proporciona una configuración centralizada colors.toml que genera automáticamente temas para todas las aplicaciones de escritorio, incluyendo terminales, gestores de ventanas y herramientas del sistema.

Los productos de agentes de IA a menudo tienen tiempos de espera prolongados que causan ansiedad y abandono del usuario. Esta habilidad аудита cómo las aplicaciones manejan operaciones de larga duración utilizando automatización del navegador y genera informes completos con recomendaciones priorizadas.

La construcción de componentes React accesibles requiere entender los patrones de ShadCN y las primitivas de Radix UI. Esta habilidad proporciona las mejores prácticas para implementar modales, formularios y otros componentes accesibles usando TailwindCSS y los estándares de noviembre de 2025.