148 habilidades
🎮

threejs-builder

Seguro 70

Crear aplicaciones web 3D con Three.js

por CesarAugustusGroB

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.

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 69

Diseñar interfaces frontend de calidad de producción

por CesarAugustusGroB

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.

Claude Code(CC)
Instalar
⚔️

combat-ui-pattern-a

Seguro 71

Implementar interfaz de combate de panel dividido

por CesarAugustusGroB

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.

Claude Codex Code(CC)
Instalar
🎨

art-style-creator

Seguro 71

Crear guías de estilo artístico completas

por CesarAugustusGroB

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.

Claude Code(CC)
Instalar
🎨

gemini-image

Seguro 69

Generar imágenes con Gemini AI

por Ceeon

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.

Claude Codex Code(CC)
Instalar
🎨

canvas-design

Seguro 69

Crear arte de lienzo de grado museístico

por anthropics

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.

Claude Codex Code(CC)
Instalar
🎬

slack-gif-creator

Riesgo bajo 67

Crear GIFs y animaciones de emoji para Slack

por Cam10001110101

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.

Claude Codex Code(CC)
Instalar
🎨

generative-art

Seguro 70

Crear arte generativo con aleatoriedad sembrada

por Cam10001110101

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.

Claude Codex Code(CC)
Instalar
🎨

brand-guidelines

Seguro 69

Aplicar el estilo de marca de Anthropic

por Cam10001110101

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.

Claude Codex Code(CC)
Instalar
🎨

canvas-design

Riesgo bajo 67

Crear Arte Visual de Calidad Museística con IA

por Cam10001110101

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.

Claude Code(CC)
Instalar
P

algorithmic-art

Seguro 69

Crear arte algorítmico con p5.js

por Cam10001110101

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.

Claude Codex Code(CC)
Instalar
🎨

tailwind-css-v4-mastery

Seguro 76

Domina Tailwind CSS V4 con guía potenciada por IA

por Calel33

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.

Claude Codex Code(CC)
Instalar
🎨

designing-frontend

Seguro 71

Diseñar interfaces frontend distintivas

por Byunk

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.

Claude Codex Code(CC)
Instalar
🎨

brand-guidelines

Seguro 69

Aplicar estilo de marca de Anthropic

por anthropics

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.

Claude Codex Code(CC)
Instalar
🎨

omarchy-theming

Seguro 71

Crear temas de escritorio Omarchy

por BitYoungjae

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.

Claude Codex Code(CC)
Instalar

ux-waiting-audit

Seguro 79

Auditar estados de espera de aplicaciones web para mejoras de UX

por BayramAnnakov

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.

Claude Codex Code(CC)
Instalar
🎨

shadcn-ui-patterns

Seguro 70

Crear UI accesible con patrones ShadCN

por Barnhardt-Enterprises-Inc

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.

Claude Codex Code(CC)
Instalar
🎨

shadcn-framer

Seguro 69

Construir componentes animados de ShadCN UI con Framer Motion

por Barnhardt-Enterprises-Inc

Crear animaciones suaves para componentes de ShadCN UI requiere entender los patrones de Framer Motion. Esta habilidad proporciona patrones de código listos para usar para desvanecimientos, efectos hover, animaciones de diálogo, transiciones de página y esqueletos de carga.

Claude Codex Code(CC)
Instalar
🎨

frontend-aesthetics

Seguro 70

Crear Diseños Frontend Distintivos

por Barnhardt-Enterprises-Inc

La IA suele predeterminar patrones de diseño genéricos y sobreutilizados que hacen que las interfaces sean inmediatamente reconocibles como generadas por máquina. Esta habilidad proporciona alternativas específicas para tipografía, color, movimiento y profundidad para crear interfaces profesionales con marca.

Claude Codex Code(CC)
Instalar
🎨

apple-ui-design

Seguro 70

Diseñar interfaces inspiradas en Apple

por BarisSozen

La construcción de interfaces premium requiere comprender la jerarquía tipográfica, el ritmo de espaciado y las animaciones sutiles. Esta habilidad proporciona principios de diseño de Apple para crear interfaces limpias, mínimas y fáciles de usar que se sientan nativas de las plataformas Apple.

Claude Codex Code(CC)
Instalar