القائمة
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 ويثبّتها لك.
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.
استنادا إلى تصنيف 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