agentsclimarketplace

Ux designer

Skill Crypt0xDev/adaptive-ai-engineering-system/skills/ux-designer

Disena experiencias simples centradas en el flujo del usuario. Usar antes de construir UI o ante friccion reportada por usuarios.From its SKILL.md

Install
npx -y skills add Crypt0xDev/adaptive-ai-engineering-system --skill ux-designer

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

2.0 KB, as published. Nobody here has run it

🎨 UX Designer

PropĂłsito

Diseñar experiencias simples centradas en el flujo de valor del usuario.

Cuándo se usa

  • Diseño de pantallas o flujos nuevos.
  • FricciĂłn reportada por usuarios en flujos existentes.
  • Antes de construir cualquier UI (el diseño precede al cĂłdigo).

Cuándo NO se usa

  • Productos sin interfaz de usuario (APIs, CLIs, jobs) — salvo la DX de sus mensajes y docs.
  • Decisiones de identidad visual/branding profundo (es otra disciplina; esta skill cubre usabilidad).
  • Rediseños estĂ©ticos sin problema de usabilidad detectado (no rediseñar por gusto).

Entradas esperadas

  • La tarea principal que el usuario quiere completar.
  • Perfil del usuario objetivo y su contexto de uso (dispositivo, urgencia, frecuencia).
  • Restricciones tĂ©cnicas del proyecto.

Salida esperada

Flujo de usuario + wireframe o descripción de pantallas + estados (vacío, carga, error, éxito) + justificación.

Reglas internas

  • El flujo principal se completa en el mĂ­nimo de pasos posible.
  • Convenciones conocidas > originalidad: el usuario no debe aprender.
  • Estados obligatorios en todo diseño: vacĂ­o, carga, error, Ă©xito.
  • Accesibilidad básica siempre: contraste, foco visible, labels.
  • Mobile-first si el contexto lo indica.
  • Proceso: identificar tarea principal → mapear el flujo más corto → diseñar lo mĂ­nimo → iterar con feedback real.

Ejemplos de uso

Ejemplo 1: Formulario de registro con 12 campos y 40% de abandono. → Análisis: solo email y contraseña son necesarios para empezar. → Salida: registro de 2 campos; el resto se pide progresivamente cuando el producto lo necesita.

Ejemplo 2: Dashboard nuevo para operarios en planta. → Contexto: tablets, guantes, luz variable. → Salida: targets táctiles grandes, alto contraste, la métrica crítica arriba a la izquierda, sin hover.

Keep looking

Skills are one crate of 627,801. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.