Crear artefactos HTML complejos con React requiere una cantidad significativa de tiempo de configuración. Esta skill proporciona scripts automatizados para inicializar proyectos React con Tailwind CSS y shadcn/ui, y luego empaqueta todo en un único archivo HTML portátil listo para compartir en conversaciones de Claude.

Crear un estilo visual consistente y profesional para presentaciones requiere tiempo considerable y experiencia en diseño. Esta habilidad proporciona 10 temas de colores y tipografías curados que pueden aplicarse instantáneamente a cualquier artefacto, además de la capacidad de generar temas personalizados bajo demanda.

Los usuarios necesitan GIFs del tamaño adecuado para reacciones y mensajes de Slack. Esta habilidad proporciona herramientas para crear GIFs optimizados con utilidades de animación, funciones de suavizado y validación para cumplir con los requisitos de Slack.

Los usuarios tienen dificultades para generar código frontend que se destaque de los diseños genéricos generados por IA. Esta guía de habilidad ayuda a crear interfaces memorables y de calidad de producción con estética audaz, tipografíathoughtful y detalles visuales pulidos.

Crear obras visuales originales requiere un profundo conocimiento de diseño y habilidad artística. Esta habilidad genera pósteres, diseños y arte visual de calidad de museo utilizando filosofías de diseño establecidas expresadas mediante forma, color y composición. La salida es en formato PNG o PDF.

Aplicar un estilo de marca coherente requiere conocer los colores y fuentes exactos. Esta habilidad proporciona las directrices oficiales de marca de Anthropic para que puedas estilizar rápidamente cualquier artefacto.

Los usuarios quieren arte generativo único pero carecen de conocimiento en diseño algorítmico. Esta skill crea arte algorítmico original usando p5.js con aleatoriedad sembrada, campos de flujo, sistemas de partículas y exploración interactiva de parámetros para salidas visuales personalizadas.

La creación de interfaces de usuario responsivas y accesibles requiere un conocimiento profundo de las clases utilitarias y los patrones de diseño. Esta habilidad proporciona orientación experta para diseños mobile-first, soporte para modo oscuro y estilizado de componentes usando las convenciones de Tailwind CSS.

Los equipos luchan por mantener una marca consistente en documentos, sitios web y materiales de marketing. Esta habilidad proporciona plantillas y especificaciones completas para el uso del logotipo, paletas de colores, tipografía y voz de marca para garantizar una identidad de marca profesional y coherente en todos los canales.

Los diseños genéricos de IA a menudo se ven iguales. Esta guía de habilidad ayuda a crear interfaces frontend memorables y de calidad de producción con elecciones audaces de estética y un pulido visual excepcional.

Construir componentes React accesibles requiere tiempo y atención cuidadosa a la navegación por teclado y atributos ARIA. Esta habilidad proporciona patrones de componentes shadcn/ui listos para copiar y pegar con validación de formularios, modo oscuro y diseños responsivos para aplicaciones Next.js.

Diseñar artefactos visualmente consistentes consume tiempo y requiere experiencia en diseño. Esta habilidad proporciona 10 temas profesionalmente seleccionados con paletas de colores y combinaciones de fuentes que pueden aplicarse instantáneamente a presentaciones, documentos e informes.

Crear GIFs animados para Slack requiere cumplir con límites estrictos de tamaño y usar técnicas de animación apropiadas. Este kit de herramientas proporciona validadores, primitivas de animación y herramientas de optimización para crear GIFs de mensajes y emojis personalizados que funcionan perfectamente en Slack.

Los usuarios tienen dificultades para traducir conceptos de diseño abstractos en obras visuales atractivas. Esta habilidad genera diseños visuales de calidad museística usando marcos filosóficos, creando composiciones originales en formatos PNG y PDF con tipografía profesional.

Crear documentos y artefactos que coincidan con la identidad visual de Anthropic. Aplicar colores oficiales de marca y tipografía de manera consistente en todos los materiales.

Crear arte generativo requiere tanto habilidad técnica como visión artística. Esta guía enseña a los sistemas de IA a crear arte algorítmico original con aleatoriedad sembrada, parámetros interactivos y salida de calidad galerística.

Crear interfaces de usuario consistentes y accesibles entre aplicaciones es difícil sin fundamentos de diseño estandarizados. Esta habilidad proporciona estructuras de tokens de diseño, patrones de componentes y directrices de accesibilidad para construir sistemas de diseño escalables que garantizan consistencia visual y conformidad WCAG.

Verifica tu Web UI contra las directrices oficiales de accesibilidad y diseño de Vercel. Obtén retroalimentación inmediata sobre HTML semántico, estados de foco, formularios, animaciones, tipografía, imágenes y más.

Muchas interfaces generadas por IA se ven genéricas y carecen de carácter creativo. Esta skill guía a Claude Code para crear interfaces web de calidad de producción con una calidad estética excepcional, identidad visual distintiva y decisiones de diseño cuidadosas que evitan patrones comunes de IA.

Mantener una identidad de marca consistente en los documentos consume tiempo y es propenso a errores. Esta habilidad proporciona acceso instantáneo a los estándares de marca corporativa, incluyendo paletas de colores, tipografía, reglas de formato y herramientas de validación para garantizar que todos los documentos cumplan con las directrices de marca profesionales.