Habilidades UI/UX Designer
📦

UI/UX Designer

Seguro

Diseña interfaces accesibles y sistemas de diseño escalables

Los equipos luchan con la inconsistencia en el diseño UI/UX y el cumplimiento de accesibilidad en todos sus productos. Esta habilidad proporciona orientación experta en sistemas de diseño, investigación de usuarios y prácticas de diseño inclusivo para crear interfaces cohesivas y accesibles.

Soporta: Claude Codex Code(CC)
📊 69 Adecuado
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

Usando "UI/UX Designer". Crear una especificación de componente de botón para un sistema de diseño

Resultado esperado:

Componente de botón con variantes primario/secundario/terciario, cuatro estados (default/hover/active/disabled), estilos basados en tokens para colores/tipografía/espaciado, cumplimiento de contraste de color WCAG AA, indicadores de foco de teclado, anuncios para lectores de pantalla y variantes de tamaño responsivo

Usando "UI/UX Designer". Planificar pruebas de usabilidad para un flujo de pago

Resultado esperado:

Plan de prueba de usabilidad con 5-8 participantes, sesiones remotas moderadas, protocolo de pensamiento en voz alta, criterios de éxito (completitud de tarea, tiempo en tarea, tasa de error), guiones de escenario para pago como invitado y pago de usuario registrado, cuestionario SUS post-prueba y marco de análisis de mapeo de afinidad

Auditoría de seguridad

Seguro
v1 • 2/25/2026

This is a prompt-only skill containing no executable code, scripts, or external dependencies. Static analysis detected zero security patterns. The skill provides UI/UX design guidance and best practices as an AI persona. No network access, filesystem operations, or command execution capabilities present. Safe for publication.

0
Archivos escaneados
0
Líneas analizadas
0
hallazgos
1
Auditorías totales
No se encontraron problemas de seguridad
Auditado por: claude

Puntuación de calidad

38
Arquitectura
100
Mantenibilidad
87
Contenido
26
Comunidad
100
Seguridad
83
Cumplimiento de la especificación

Lo que puedes crear

Construir un Sistema de Diseño desde Cero

Crea un sistema de diseño integral con tokens de diseño, biblioteca de componentes y documentación para un nuevo producto o iniciativa de rebranding.

Auditoría y Corrección de Accesibilidad

Realiza una auditoría de cumplimiento WCAG de interfaces existentes y crea una estrategia de remediación priorizada para mejoras de accesibilidad.

Planificación y Ejecución de Investigación de Usuarios

Diseña planes integrales de investigación de usuarios incluyendo guías de entrevista, protocolos de prueba y marcos de análisis para descubrimiento de productos.

Prueba estos prompts

Principiante: Solicitud de Retroalimentación de Diseño
Revisa este diseño de interfaz y proporciona retroalimentación sobre usabilidad, accesibilidad y jerarquía visual. Incluye sugerencias específicas de mejora con notas de cumplimiento WCAG.
Intermedio: Creación de Componentes de Sistema de Diseño
Crea una estructura de tokens de diseño y especificación de componentes para un [tipo de componente]. Incluye tokens de color, tipografía, espaciado, estados, variantes y requisitos de accesibilidad siguiendo principios de diseño atómico.
Avanzado: Plan de Investigación de Usuarios
Diseña un plan integral de investigación de usuarios para [producto/contexto]. Incluye objetivos de investigación, criterios de participantes, estrategia de reclutamiento, guía de entrevista/discusión, tareas y escenarios, métricas de éxito y marco de análisis. Considera accesibilidad y reclutamiento inclusivo.
Experto: Auditoría y Remediación de Accesibilidad
Realiza una auditoría WCAG 2.2 AA/AAA de [interfaz/producto]. Identifica todas las barreras de accesibilidad, categoriza por severidad y criterio WCAG, explica el impacto para el usuario para cada tipo de discapacidad y crea una hoja de ruta de remediación priorizada con orientación de implementación.

Mejores prácticas

  • Comienza siempre con las necesidades del usuario y los requisitos de accesibilidad antes de las decisiones de diseño visual
  • Usa tokens de diseño como única fuente de verdad para consistencia entre plataformas y equipos
  • Documenta las decisiones de diseño con su justificación para permitir iteración futura y alineación del equipo

Evitar

  • Diseñar componentes de forma aislada sin considerar la consistencia a nivel del sistema
  • Omitir la investigación de usuarios y hacer suposiciones sobre las necesidades y comportamientos de los usuarios
  • Tratar la accesibilidad como una lista de verificación final en lugar de integrarla desde el inicio

Preguntas frecuentes

¿Puede esta habilidad crear diseños visuales o archivos de Figma reales?
No, esta habilidad proporciona orientación experta, especificaciones y mejores prácticas. No puede crear ni exportar archivos de Figma directamente, pero te ayuda a planificar y ejecutar trabajo de diseño efectivamente en tus herramientas de diseño.
¿Esta habilidad funciona tanto para diseño web como móvil?
Sí, la habilidad cubre diseño multiplataforma incluyendo web responsivo, aplicaciones nativas iOS y móviles, aplicaciones de escritorio e interfaces de dispositivos emergentes con guías específicas de cada plataforma.
¿Puede ayudar con el cumplimiento de accesibilidad para requisitos legales?
Esta habilidad proporciona orientación integral de WCAG 2.1/2.2 y marcos de auditoría, pero el cumplimiento legal debe validarse con especialistas certificados en accesibilidad y pruebas con tecnologías de asistencia reales.
¿Cómo maneja esta habilidad el versionado de sistemas de diseño?
La habilidad proporciona orientación sobre estrategias de control de versiones para sistemas de diseño incluyendo versionamiento semántico, prácticas de changelog, estrategias de ramificación y flujos de trabajo de gestión de lanzamientos.
¿Puede ayudar esta habilidad con presentaciones a stakeholders?
Sí, la habilidad incluye orientación sobre colaboración y comunicación incluyendo narrativa de diseño, técnicas de presentación, estrategias de alineación de stakeholders y facilitación de críticas de diseño.
¿Es esta habilidad adecuada para equipos de diseño empresariales?
Sí, la habilidad cubre desafíos de escala empresarial incluyendo sistemas de diseño multi-marca, coordinación entre equipos, gobernanza de diseño, escalado de operaciones de diseño y madurez organizacional del diseño.

Detalles del desarrollador

Estructura de archivos

📄 SKILL.md