Crear diseños web responsivos que funcionen en todos los dispositivos es complejo y propenso a errores. Esta habilidad proporciona a Claude directrices claras sobre principios de diseño mobile-first, contenedores fluidos, unidades relativas e interacciones táctiles para garantizar que tus proyectos web escalen sin problemas desde móvil hasta escritorio.

Escribir CSS sin una metodología consistente genera problemas de mantenimiento y estilos inconsistentes entre proyectos. Esta habilidad proporciona orientación estructurada sobre la aplicación de enfoques estándar de la industria como Tailwind, BEM y CSS Modules para garantizar hojas de estilo limpias, mantenibles y escalables.

Las presentaciones y documentos frecuentemente carecen de consistencia visual. Esta habilidad proporciona 10 temas curados con paletas de colores y combinaciones de fuentes. Aplica un tema instantáneamente a cualquier presentación o documento para obtener un estilo profesional.

Slack tiene límites estrictos de tamaño para GIFs (64KB para emoji, 2MB para mensajes). Este kit de herramientas crea animaciones optimizadas que cumplen con estas restricciones mientras proporciona efectos de animación profesionales.

Las capturas de pantalla borrosas y las imágenes de baja resolución dañan tu imagen profesional. Esta habilidad utiliza IA para aumentar la resolución, afinar y optimizar tus visuales para presentaciones y documentación cristalinas.

Crear arte visual original requiere una comprensión profunda de los principios estéticos y la tipografía. Esta habilidad traduce filosofías de diseño abstractas en composiciones visuales concretas usando fuentes profesionales y principios de artesanía experta.

Mantener una identidad de marca coherente en documentos y presentaciones puede consumir tiempo y ser propenso a errores. Esta habilidad proporciona acceso instantáneo a los colores oficiales de la marca Anthropic, tipografía y directrices de estilo para garantizar contenido visual profesional y alineado con la marca.

Los usuarios necesitan logotipos SVG profesionales, pero carecen de herramientas de diseño o habilidades de programación. Esta skill genera logotipos geométricos usando Python con gráficos vectoriales escalables, paletas de colores personalizadas y principios de diseño limpio.

Transforma conceptos matemáticos en arte visual impresionante utilizando técnicas algorítmicas. Esta habilidad proporciona plantillas guiadas para crear obras de arte generativas reproducibles con aleatoriedad sembrada y controles interactivos.

Los usuarios necesitan orientación para operar un sintetizador complejo de WebGL y WebAudio. Esta habilidad proporciona instrucciones paso a paso para la configuración del escenario, controles de interpretación, diseño de escenas y flujos de trabajo de grabación para el instrumento policoral Orthonotone.

Crear vistas SwiftUI requiere entender la arquitectura de navegación, patrones de componentes y gestión de estado. Esta habilidad proporciona patrones listos para usar para pestañas, sheets, listas, grids y más para que puedas enviar más rápido con menos errores.

Crear interfaces modernas de iOS con Liquid Glass requiere comprender las APIs y patrones de diseño específicos de Apple. Esta habilidad proporciona patrones de código listos para usar y listas de verificación de revisión para implementar efectos de vidrio correctamente.

Generar CSS profesional y accesible que coincida con la estética limpia de shadcn/ui. Esta habilidad proporciona patrones completos para variables CSS, colores HSL, escalas de espaciado y técnicas modernas de diseño.

Tu aplicación web se ve decente pero carece de un nivel profesional de calidad. Usa este flujo de trabajo iterativo para mejorar incrementalmente la UI/UX en desktop y móvil, logrando una calidad visual de nivel Stripe a través de múltiples pasadas enfocadas.

Crear interfaces web accesibles garantiza que todos puedan usar sus aplicaciones, incluyendo usuarios con discapacidad. Esta habilidad hace cumplir los estándares WCAG, atributos ARIA apropiados, navegación por teclado y compatibilidad con lectores de pantalla en sus componentes React.

Construir interfaces web únicas y visualmente atractivas es desafiante y requiere mucho tiempo. Esta habilidad guía la creación de código frontend de calidad profesional con decisiones estéticas intencionales, evitando la estética genérica generada por IA y entregando diseños pulidos y memorables.

Los desarrolladores y diseñadores necesitan interfaces consistentes, accesibles y visualmente atractivas, pero carecen de conocimientos exhaustivos de diseño. UI/UX Pro Max proporciona acceso instantáneo a más de 50 estilos de diseño, paletas de colores, combinaciones tipográficas y mejores prácticas específicas de framework mediante búsquedas por palabras clave simples.

Crear perfiles de usuario a partir de datos de investigación sin procesar consume mucho tiempo y a menudo es inconsistente. Este conjunto de herramientas analiza patrones de comportamiento del usuario, datos demográficos y conocimientos de entrevistas para generar automáticamente perfiles respaldados por investigación con puntuación de confianza e implicaciones de diseño.

Crear sistemas de diseño consistentes manualmente requiere mucho tiempo y a menudo resulta en implementaciones inconsistentes. Este conjunto de herramientas automatiza la generación de tokens de diseño para colores, tipografía y espaciado, asegurando armonía visual en todos los componentes y exportando código listo para desarrolladores.

Crear temas visuales coherentes y profesionales para presentaciones y documentos requiere un esfuerzo de diseño considerable. Esta habilidad proporciona 10 combinaciones de temas de colores y fuentes curadas que se pueden aplicar instantáneamente a cualquier artefacto, además de la capacidad de generar temas personalizados bajo demanda.