Menú
Patrones de diseño manipulativos que engañan usuarios. Use para identificar y evitar prácticas poco éticas en diseño de interfaces.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Biblioteca de componentes y patrones UI mobile-first para PWAs iOS/Android. Cubre navegación, gestos, componentes, cámara, safe areas, y patterns de Tailwind + shadcn/ui optimizados para móvil. Cumple iOS HIG y Material Design 3.
Workflow completo de desarrollo Design-First: exploración → clarificación → planificación → implementación autónoma (Ralph Loop). Incluye creación de issues GitHub de alta calidad estilo PRD.
Mantiene consistencia visual en apps iOS/PWA. Define paleta de colores, tipografía, espaciado, y componentes siguiendo un Design Token System. Evita inconsistencias de colores, fuentes y estilos. Usar cuando se detecten problemas de consistencia visual o al iniciar un nuevo proyecto.
Orquesta el flujo completo de MVP automatizado: SPEC → Historias → Tareas → Skills. Genera skills especializadas para cada tarea para que los agentes paralelos tengan conocimiento contextual específico.
Realiza entrevistas de feedback post-MVP para identificar bugs, mejoras UX, problemas de performance, seguridad y features faltantes
Principio 2 de WCAG - interfaces operables por todos. Use cuando diseñe navegación, interacciones, o cualquier componente que requiera input del usuario.
| name | dark-patterns |
| description | Patrones de diseño manipulativos que engañan usuarios. Use para identificar y evitar prácticas poco éticas en diseño de interfaces. |
| metadata | {"author":"ux-ui-skills","version":"1.0","category":"anti-patterns"} |
Los Dark Patterns son trucos de diseño que manipulan a los usuarios para hacer cosas que no tenían intención de hacer, generalmente en beneficio del negocio y en detrimento del usuario.
❌ "No, no quiero ahorrar dinero"
✅ "No, gracias" o "Quizás después"
❌ Precio sin fees hasta checkout
✅ "Total estimado incluyendo envío: $XX"
❌ Cancelar requiere llamar a soporte
✅ "Cancelar suscripción" en settings
❌ "Accept All" grande, "Manage" tiny
✅ Ambas opciones igual de prominentes