pbakaus

pbakaus

Activo
24
Habilidades
3
Categorías
ClaudeCodexCode(CC)

Skills publicados 24

📝

typeset

Transforma la Tipografía en Diseño Intencional

Seguro 70

Las fuentes genéricas y los tamaños inconsistentes socavan la credibilidad de tu interfaz. Typeset aplica principios profesionales de tipografía para crear jerarquía clara, texto legible y visuales pulidos que reflejan la personalidad de tu marca.

Claude Codex Code(CC)
Instalar
🎨

teach-impeccable

Captura el contexto de diseño de tu proyecto para una colaboración coherente con IA

Seguro 71

Los asistentes de IA toman mejores decisiones de diseño cuando comprenden tu marca y tus usuarios. Esta habilidad se ejecuta una vez para recopilar el contexto de diseño específico del proyecto y lo guarda para todas las sesiones futuras.

Claude Codex Code(CC)
Instalar
📦

shape

Planificar Diseño UX/UI Antes de Codificar

Seguro 75

La mayoría de las interfaces generadas por IA fracasan porque omiten el pensamiento de diseño. Esta habilidad ejecuta una entrevista de descubrimiento estructurada para comprender las necesidades, restricciones y objetivos del usuario antes de producir un brief de diseño completo que guíe la implementación.

Claude Codex Code(CC)
Instalar

polish

Perfecciona tu UI al Máximo

Seguro 70

Una habilidad de revisión meticulosa de calidad que detecta problemas de alineación, espaciado, consistencia y detalles en código UI. Transforma un trabajo bueno en interfaces pulidas y profesionales.

Claude Codex Code(CC)
Instalar
📦

quieter

Refinar Diseños Excesivamente Atrevidos

Seguro 70

Claude puede atenuar automáticamente los diseños que son demasiado agresivos o visualmente abrumadores, creando una estética más refinada y sofisticada mientras preserva el impacto y la funcionalidad.

Claude Codex Code(CC)
Instalar
🎨

overdrive

Crear interfaces web extraordinarias con efectos de vanguardia

Seguro 71

Las interfaces web estándar se sienten estáticas y predecibles. Overdrive las transforma con transiciones cinematográficas, visuales acelerados por GPU y animaciones basadas en física que sorprenden y deleitan a los usuarios.

Claude Codex Code(CC)
Instalar

optimize

Optimiza el Rendimiento Web para una Carga más Rápida e Interacciones más Fluidas

Seguro 68

Las interfaces lentas frustran a los usuarios y perjudican las métricas. Esta habilidad identifica y corrige sistemáticamente cuellos de botella de rendimiento en velocidad de carga, renderizado, animaciones, imágenes y tamaño del bundle para crear experiencias más rápidas y fluidas.

Claude Codex Code(CC)
Instalar
🚀

onboard

Diseñar Flujos de Incorporación de Usuarios que Impulsen la Adopción

Seguro 71

Los usuarios abandonan los productos cuando no pueden comprender el valor rápidamente. Esta habilidad te ayuda a crear experiencias de incorporación que guían a los usuarios hacia su primer éxito sin abrumarlos.

Claude Codex Code(CC)
Instalar
📦

normalize

Normalizar Componentes de UI al Sistema de Diseño

Seguro 71

Elimina inconsistencias de diseño detectando y corrigiendo automáticamente las desviaciones de tu sistema de diseño. Garantiza que cada componente use los tokens, patrones y convenciones establecidos correctamente.

Claude Codex Code(CC)
Instalar
📦

layout

Crear Diseños Pulidos con Espaciado Sistemático

Seguro 75

Corrige cuadrículas monótonas y espaciado inconsistente que hacen que las interfaces se sientan amateur. Esta habilidad establece escalas de espaciado sistemáticas, ritmo visual y jerarquía clara para transformar diseños genéricos en composiciones intencionales.

Claude Codex Code(CC)
Instalar
📦

impeccable

Construye interfaces frontend pulidas con IA

Riesgo bajo 75

Las interfaces generadas por IA suelen parecer genéricas y estandarizadas. Impeccable guía a la IA a través de decisiones de diseño expertas, produciendo código frontend distintivo y de calidad profesional.

Claude Codex Code(CC)
Instalar
🛡️

harden

Fortalezca Sus Interfaces Contra la Realidad de Producción

Seguro 70

Las interfaces se rompen cuando los usuarios reales ingresan datos inesperados, pierden la conexión o usan tecnologías de asistencia. Esta habilidad fortalece sistemáticamente su UI contra casos extremos, problemas de internacionalización, errores y brechas de accesibilidad para garantizar resiliencia lista para producción.

Claude Codex Code(CC)
Instalar
📦

frontend-design

Crea interfaces frontend distintivas que destacan

Seguro 73

El código genérico generado por IA produce diseños olvidables y con plantillas. Esta habilidad enseña dirección estética audaz e implementación de calidad de producción que crea experiencias de usuario memorables.

Claude Codex Code(CC)
Instalar
📦

extract

Extraer Componentes del Sistema de Diseño

Seguro 72

Identifica y extrae componentes reutilizables, tokens de diseño y patrones de tu base de código en un sistema de diseño estructurado. Esta habilidad consolida el código de interfaz de usuario disperso en activos sistemáticos y documentados.

Claude Codex Code(CC)
Instalar

distill

Simplifica y Reduce el Diseño a Su Esencia

Seguro 70

Esta habilidad ayuda a los asistentes de IA a simplificar diseños complejos eliminando elementos innecesarios, creando interfaces de usuario limpias y enfocadas que guían a los usuarios hacia sus objetivos.

Claude Codex Code(CC)
Instalar
📦

delight

Transforma interfaces con micro-interacciones encantadoras

Seguro 72

Las interfaces funcionales a menudo se sienten frías y mecánicas. Esta habilidad agrega momentos estratégicos de alegría y personalidad que hacen sonreír a los usuarios mientras mantiene la usabilidad.

Claude Codex Code(CC)
Instalar
🎨

critique

Critica Tu Diseño

Seguro 67

Obtén comentarios expertos de diseño UX que identifican patrones generados por IA, problemas de jerarquía visual y mejoras accionables para elevar tu interfaz.

Claude Codex Code(CC)
Instalar
🎨

colorize

Añade Color Estratégico a Tus Diseños

Seguro 71

Transforma interfaces grises y sin vida en experiencias cálidas y atractivas. Esta habilidad aplica teoría del color con propósito para mejorar la jerarquía visual y el deleite del usuario.

Claude Codex Code(CC)
Instalar
📦

clarify

Mejorar textos confusos de UX y mensajes de error

Seguro 72

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

Transforma Diseños Aburridos en Experiencias Atrevidas

Seguro 71

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

Auditoría de Calidad de Interfaz

Seguro 70

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

Transformar diseños con espaciado y ritmo intencional

Seguro 70

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

Agregar Animaciones con Propósito y Micro-interacciones

Seguro 70

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

Adapta diseños para cualquier pantalla o plataforma

Seguro 71

¿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