148 habilidades
🎨

web-design-guidelines

Seguro 69

Revisar código UI para cumplimiento de diseño

por vercel-labs

Claude puede revisar automáticamente el código UI contra las directrices de diseño web establecidas, detectando problemas de accesibilidad, problemas de usabilidad y violaciones de mejores prácticas antes del despliegue. Esta habilidad obtiene las últimas directrices y realiza análisis estáticos para identificar mejoras.

Claude Codex Code(CC)
Instalar
📦

ai-elements

Seguro 81

Crear interfaces de chat con IA

por vercel

Crear componentes modernos de interfaz de chat de IA utilizando elementos UI preconstruidos y componibles que siguen los patrones de shadcn/ui y las convenciones de Vercel AI SDK.

Claude Codex Code(CC)
Instalar
🎨

theme-factory

Seguro 68

Aplicar un tema profesional a tu artefacto

por anthropics

Necesitas un estilo visual consistente en documentos y presentaciones. Esta habilidad proporciona 10 temas curados y puede generar temas personalizados según tus requisitos. Aplica colores y fuentes coincidentes a diapositivas, documentos e informes.

Claude Codex Code(CC)
Instalar
🎬

slack-gif-creator

Seguro 71

Crear GIFs animados para Slack

por anthropics

Crear GIFs animados para Slack requiere dimensiones específicas, límites de color y tasas de fotogramas para que se muestren correctamente. Esta habilidad proporciona herramientas para crear GIFs que cumplan los requisitos de Slack con funciones de easing suaves y efectos visuales.

Claude Codex Code(CC)
Instalar
📦

liquid-glass

Seguro 71

Añadir efectos de Liquid Glass a apps SwiftUI

por patrickserrano

La creación de interfaces iOS modernas requiere implementar efectos visuales avanzados. Esta skill proporciona directrices y ejemplos de código para usar la API de Liquid Glass de iOS 26+ para crear desenfoque, reflexión y superficies de vidrio interactivas en SwiftUI.

Claude Codex Code(CC)
Instalar
🎨

mulerouter

Seguro 80

Generar imágenes y videos de IA con MuleRouter

por openmule

Crear medios profesionales generados por IA requiere integraciones complejas de API y gestión de modelos. La habilidad MuleRouter simplifica esto proporcionando una interfaz unificada para generar imágenes y videos usando modelos de IA de última generación.

Claude Codex Code(CC)
Instalar
🖼️

nano-image-generator

Seguro 77

Generar imágenes usando Gemini 3 Pro con referencias de estilo

por lxfater

Crear activos visuales para proyectos a menudo requiere herramientas de diseño costosas o ilustración manual. Esta habilidad permite la generación instantánea de imágenes usando la API de Google Gemini 3 Pro Preview con soporte para imágenes de referencia para mantener un estilo consistente y apariencia de personaje en múltiples activos.

Claude Codex Code(CC)
Instalar
🎨

generate-image

Seguro 73

Generar imágenes IA con FLUX y Gemini

por K-Dense-AI

Crea imágenes de alta calidad para presentaciones, documentos y publicaciones usando modelos de IA. Genera arte original o edita imágenes existentes con simples instrucciones de texto. Accede a los modelos FLUX y Gemini a través de la API de OpenRouter.

Claude Codex Code(CC)
Instalar
🎨

baoyu-xhs-images

Seguro 75

Crear serie de infografías para Xiaohongshu

por JimLiu

Transforma contenido en atractivas series de infografías estilo Xiaohongshu. Selección automática de estilos visuales y diseños basada en análisis de contenido. Genera de 1 a 10 imágenes estilo cómic optimizadas para la plataforma Xiaohongshu.

Claude Codex Code(CC)
Instalar
📊

baoyu-slide-deck

Seguro 74

Crea presentaciones profesionales a partir de contenido

por JimLiu

Los usuarios tienen dificultades para transformar contenido escrito en presentaciones visuales. Esta habilidad analiza el contenido, genera esquemas completos de diapositivas con especificaciones de estilo y produce imágenes de diapositivas individuales mediante generación de imágenes con IA.

Claude Codex Code(CC)
Instalar
🎨

baoyu-image-gen

Riesgo bajo 70

Generar imágenes con IA con OpenAI y Google

por jimliu

Cree imágenes generadas con IA de alta calidad sin salir de su entorno de desarrollo. Soporta múltiples proveedores, relaciones de aspecto y imágenes de referencia para un control visual preciso.

Claude Codex Code(CC)
Instalar

baoyu-gemini-web

Riesgo bajo 71

Genera texto e imágenes con Gemini Web

por JimLiu

Accede a Google Gemini Web para generación de texto e imágenes potenciadas por IA. Utiliza autenticación basada en navegador para gestionar el inicio de sesión de Google de forma segura. Proporciona una base para otras skills de baoyu que necesitan capacidades de Gemini.

Claude Codex Code(CC)
Instalar
🎨

baoyu-cover-image

Seguro 73

Generar imágenes de portada de artículos en estilo dibujado a mano

por JimLiu

Crear imágenes de portada visualmente atractivas para artículos requiere habilidades de diseño y herramientas de generación de imágenes. Esta skill analiza tu contenido y genera automáticamente elegantes imágenes de portada en estilo dibujado a mano en múltiples estilos visuales.

Claude Codex Code(CC)
Instalar
🎨

baoyu-comic

Riesgo bajo 76

Crear cómics educativos de conocimiento

por JimLiu

Transforma temas complejos en cómics visuales atractivos. Genera cómics educativos de múltiples páginas con diseños de personajes, guiones gráficos y diseños de viñetas en varios estilos artísticos.

Claude Codex Code(CC)
Instalar
🎨

baoyu-article-illustrator

Seguro 70

Generar ilustraciones de IA para artículos

por JimLiu

Los artículos con solo texto no logran captar a los lectores. Esta habilidad analiza el contenido de tu artículo y genera automáticamente ilustraciones contextuales en puntos clave. Elige entre 9 estilos visuales para que coincidan con el tono y el tema de tu contenido.

Claude Codex Code(CC)
Instalar
📦

ai-video-generation

Riesgo bajo 69

Generar videos con IA

por inference-sh

Cree videos desde texto, imágenes o audio utilizando más de 40 modelos de IA. Genere clips para redes sociales, contenido de marketing y videos explicativos con herramientas como Veo 3.1, Grok Video y Wan 2.5.

Claude Codex Code(CC)
Instalar
🎬

remotion-render

Riesgo bajo 71

Renderizar Videos desde Código React/Remotion

por inference-sh-7

Transforma código TSX de React y Remotion en videos MP4 programáticamente. Perfecto para desarrolladores que desean generar animaciones, gráficos en movimiento y videos impulsados por datos a través de código.

Claude Codex Code(CC)
Instalar
🎬

remotion-render

Seguro 74

Renderizar Videos desde Código React/Remotion

por inference-sh-6

Transforma código React TSX en videos profesionales MP4 usando Remotion. Generación programática de videos para desarrolladores, creadores de contenido y flujos de trabajo de automatización.

Claude Codex Code(CC)
Instalar
📦

remotion

Riesgo bajo 75

Crear videos de recorrido de Remotion a partir de pantallas de Stitch

por google-labs-code

Los equipos necesitan videos de recorrido rápidos y consistentes para las pantallas de la aplicación, pero la edición manual es lenta. Esta habilidad automatiza la recuperación de pantallas y la composición con Remotion para producir videos listos para renderizar con transiciones y superposiciones.

Claude Codex Code(CC)
Instalar
🎨

frontend-design

Seguro 70

Diseñar interfaces frontend de nivel producción

por anthropics

Esta habilidad crea interfaces frontend distintivas, listas para producción, que destacan frente a diseños genéricos generados por IA. Entrega componentes web pulidos con estética audaz y atención meticulosa al detalle.

Claude Codex Code(CC)
Instalar