菜单
Patrones de diseño manipulativos que engañan usuarios. Use para identificar y evitar prácticas poco éticas en diseño de interfaces.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| 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
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.