269 habilidades
📦

clarify

Seguro 72

Mejorar textos confusos de UX y mensajes de error

por pbakaus

El texto confuso de la interfaz frustra a los usuarios y aumenta los costos de soporte. Esta habilidad transforma la jerga, las etiquetas ambiguas y los mensajes de error deficientes en textos claros y amigables que guían eficazmente a los usuarios.

Claude Codex Code(CC)
Instalar
🎨

bolder

Seguro 71

Transforma Diseños Aburridos en Experiencias Atrevidas

por pbakaus

Deja de conformarte con interfaces genéricas y olvidables. Esta habilidad ayuda a Claude a crear diseños visualmente impactantes que cautivan a los usuarios mientras mantienen los estándares de usabilidad y accesibilidad.

Claude Codex Code(CC)
Instalar
📦

audit

Seguro 70

Auditoría de Calidad de Interfaz

por pbakaus

La mala calidad de la interfaz daña la experiencia del usuario y excluye a usuarios con discapacidades. Esta habilidad proporciona auditorías sistemáticas en accesibilidad, rendimiento, tematización y diseño responsivo para identificar problemas antes de que lleguen a producción.

Claude Codex Code(CC)
Instalar
📐

arrange

Seguro 70

Transformar diseños con espaciado y ritmo intencional

por pbakaus

Elimina cuadrículas monótonas y espaciado arbitrario. Esta habilidad proporciona un enfoque sistemático para crear jerarquía visual a través de espaciado intencional, ritmo variado y diseños estructurados que guían la vista hacia lo que importa.

Claude Codex Code(CC)
Instalar

animate

Seguro 70

Agregar Animaciones con Propósito y Micro-interacciones

por pbakaus

Las interfaces estáticas parecen incompletas y pierden oportunidades de guiar a los usuarios. Esta habilidad te ayuda a agregar estratégicamente movimiento que proporciona retroalimentación, mejora la comprensión y crea experiencias agradables sin abrumar a los usuarios.

Claude Codex Code(CC)
Instalar
📦

adapt

Seguro 71

Adapta diseños para cualquier pantalla o plataforma

por pbakaus

¿Tienes dificultades para hacer que tu diseño funcione en móvil, tablet, escritorio, impresión o correo electrónico? Esta habilidad proporciona orientación experta sobre cómo adaptar diseños a diferentes contextos manteniendo la consistencia y la usabilidad.

Claude Codex Code(CC)
Instalar
📦

liquid-glass

Seguro 70

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
📱

app-store-screenshots

Seguro 71

Genera Capturas de App Store con Claude

por ParthJadhav

Crear capturas profesionales de App Store es tedioso y requiere mucho tiempo. Esta habilidad genera capturas de iOS optimizadas para marketing en las resoluciones requeridas por Apple usando Next.js y html-to-image.

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
📦

gif-sticker-maker

Riesgo medio 72

Crea stickers GIF animados a partir de fotos

por MiniMax-AI

Transforma cualquier foto en un conjunto de cuatro stickers animados con un estilo distintivo de figurina 3D tipo Funko Pop. Esta habilidad gestiona el flujo de trabajo completo desde la generación de imágenes hasta la animación y la salida final en formato GIF, requiriendo solo una foto de origen y una clave de API de MiniMax.

Claude Codex Code(CC)
Instalar
🎨

design-style-skill

Seguro 74

Aplicar un sistema de diseño visual a diapositivas PPT

por MiniMax-AI

Un estilo inconsistente hace que las diapositivas de presentación se vean poco profesionales y distractoras. Esta habilidad proporciona cuatro recetas de estilo de diseño predefinidas con valores precisos de radio de esquina y espaciado para que cada diapositiva siga un sistema visual unificado.

Claude Codex Code(CC)
Instalar
📦

color-font-skill

Seguro 74

Agregar paletas de colores y combinaciones de fuentes a presentaciones

por MiniMax-AI

Elegir colores y fuentes para presentaciones lleva tiempo y a menudo genera diseños inconsistentes. Esta habilidad proporciona paletas de colores curadas, seguras para marca, y combinaciones de fuentes optimizadas para diapositivas de PowerPoint.

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
🎨

stitch-design-taste

Seguro 73

Generar Sistemas de Diseño de UI Premium para Google Stitch

por leonxlnx

Los agentes de IA frecuentemente generan interfaces genéricas con aspecto artificial. Esta habilidad impone estándares de diseño estrictos para producir especificaciones de UI premium, anti-genéricas, que evitan errores comunes como la fuente Inter, brillos neón y secciones hero centradas.

Claude Codex Code(CC)
Instalar
🎨

minimalist-ui

Seguro 73

Crear Interfaces Web Minimalistas Premium

por leonxlnx

La mayoría de las interfaces generadas por IA lucen genéricas y derivativas. Esta habilidad guía a Claude para producir diseños web refinados con estilo editorial, paletas monocromáticas cálidas, jerarquía tipográfica y estética premium.

Claude Codex Code(CC)
Instalar
📦

redesign-existing-projects

Seguro 73

Actualiza proyectos existentes con estándares de diseño premium

por leonxlnx

Los sitios web generados por IA a menudo comparten los mismos patrones genéricos, haciéndolos indistinguibles. Esta habilidad audita tu proyecto existente y aplica mejoras de diseño específicas para crear una apariencia refinada y premium sin reescribir tu código base.

Claude Codex Code(CC)
Instalar
🎨

industrial-brutalist-ui

Seguro 73

Diseñar Interfaces Web Industrial Brutalistas

por leonxlnx

Crear interfaces web audaces y mecánicas con tipografía suiza y estética de terminal militar. Generar paneles de control con大量 datos y sitios editoriales con funcionalidad cruda y contraste tipográfico extremo.

Claude Codex Code(CC)
Instalar
📦

high-end-visual-design

Seguro 73

Diseñar interfaces de calidad de agencia premium

por leonxlnx

La mayoría de las herramientas de IA producen diseños de interfaz genéricos, similares a plantillas, que carecen de refinamiento. Esta habilidad proporciona reglas de diseño exactas para fuentes, espaciado, sombras, estructuras de tarjetas y animaciones para crear interfaces que parecen provenir de una agencia de diseño de alta gama.

Claude Codex Code(CC)
Instalar
📦

design-taste-frontend

Seguro 73

Construye interfaces premium con salvaguardas de diseño

por leonxlnx

Los asistentes de programación con IA producen interfaces genéricas y predecibles por defecto. Esta habilidad aplica reglas estrictas de diseño, arquitectura de componentes y estándares de rendimiento para generar código frontend de calidad profesional.

Claude Codex Code(CC)
Instalar
🎨

generate-image

Seguro 71

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