Back to Skills

dark-patterns

majiayu000
Updated 2 days ago
58
9
58
View on GitHub
Othergeneral

About

This skill helps developers identify and avoid manipulative UI design patterns that trick users. Use it to recognize unethical practices like bait-and-switch or confirmshaming in interfaces. It's designed for auditing and improving ethical user experience in your projects.

Quick Install

Claude Code

Recommended
Plugin CommandRecommended
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternative
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dark-patterns

Copy and paste this command in Claude Code to install this skill

Documentation

Dark Patterns

Resumen

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.

Origen

  • Acuñado por: Harry Brignull
  • Año: 2010
  • Sitio: darkpatterns.org (ahora deceptive.design)
  • Propósito: Documentar y denunciar prácticas manipulativas

Tipos de Dark Patterns

Bait and Switch

  • Prometes una cosa, entregas otra
  • Click en X cierra = aceptar
  • "Descargar" que instala otra cosa
  • Oferta que cambia en checkout

Confirmshaming

  • Avergonzar al usuario por declinar
  • "No, prefiero pagar precio completo"
  • "No me interesa ahorrar dinero"
  • Lenguaje culposo en opt-outs

Disguised Ads

  • Anuncios que parecen contenido
  • Botones de descarga falsos
  • Links que parecen navegación
  • Sponsored content sin etiquetar

Forced Continuity

  • Free trial → cargo automático
  • Sin recordatorio antes de cobro
  • Difícil de cancelar
  • Cargos ocultos en letra pequeña

Friend Spam

  • Acceso a contactos sin consentimiento claro
  • Enviar invitaciones automáticas
  • "Importar contactos" que envía spam
  • Notifications en nombre del usuario

Hidden Costs

  • Costos revelados al final
  • Fees de servicio sorpresa
  • Shipping costoso revelado tarde
  • Impuestos mostrados al final

Misdirection

  • Atención dirigida lejos de lo importante
  • Opción preferida del negocio destacada
  • Warnings pequeños vs CTAs grandes
  • Visual hierarchy manipulativo

Price Comparison Prevention

  • Dificultar comparar precios
  • Unidades diferentes por plan
  • Features nombradas diferente
  • Bundles que ocultan valor individual

Privacy Zuckering

  • Confundir sobre privacidad
  • Defaults que comparten más
  • Settings de privacidad ocultos
  • Cambios de política enterrados

Roach Motel

  • Fácil entrar, difícil salir
  • Sign up en 1 click, cancelar requiere llamada
  • Ocultar botón de cancelar
  • Múltiples pasos para darse de baja

Sneak into Basket

  • Items agregados sin consentimiento
  • Opt-out de extras pre-seleccionados
  • "Recommended" items incluidos
  • Seguros o servicios añadidos

Trick Questions

  • Doble negación confusa
  • Checkboxes que significan opt-out
  • Framing engañoso
  • Lenguaje deliberadamente confuso

Legislación y Ética

Regulaciones

  • GDPR (EU): Consent debe ser claro
  • CCPA (California): Derecho a opt-out
  • FTC (USA): Acciones contra deceptive practices
  • DSA (EU): Prohibición explícita de dark patterns

Consecuencias

  • Multas millonarias
  • Daño reputacional
  • Pérdida de confianza
  • Class action lawsuits

Alternativas Éticas

En lugar de Confirmshaming

❌ "No, no quiero ahorrar dinero"
✅ "No, gracias" o "Quizás después"

En lugar de Hidden Costs

❌ Precio sin fees hasta checkout
✅ "Total estimado incluyendo envío: $XX"

En lugar de Roach Motel

❌ Cancelar requiere llamar a soporte
✅ "Cancelar suscripción" en settings

En lugar de Misdirection

❌ "Accept All" grande, "Manage" tiny
✅ Ambas opciones igual de prominentes

Ejemplos Notorios

  • Amazon Prime: Proceso de cancelación laberíntico
  • LinkedIn: Importar contactos → spam
  • Facebook: Privacy settings cambiantes y confusos
  • Booking.com: "Solo quedan 2 habitaciones" (pressure)
  • Ryanair: Extras pre-seleccionados

Cómo Identificarlos

Preguntas Clave

  • ¿El usuario haría esto si entendiera completamente?
  • ¿Estamos aprovechando sesgos cognitivos maliciosamente?
  • ¿Es igual de fácil hacer lo opuesto?
  • ¿Es transparente qué estamos haciendo?

Métricas Éticas

  • Regret Rate: Usuarios que revierten acciones
  • Support Tickets: Quejas por confusión
  • Unsubscribe Rate: Tras "accidentalmente" subscribirse
  • Trust Score: Encuestas de confianza

Principios Relacionados

  • [[trust-credibility]] - Construir, no destruir confianza
  • [[nielsen-user-control]] - Control real del usuario
  • [[least-astonishment]] - Sin sorpresas desagradables

Referencias

  • Brignull, H. (2010). "Dark Patterns"
  • https://www.deceptive.design/
  • Mathur, A. et al. (2019). "Dark Patterns at Scale"
  • Gray, C.M. et al. (2018). "The Dark Side of UX Design"

GitHub Repository

majiayu000/claude-skill-registry
Path: skills/dark-patterns

Related Skills

algorithmic-art

Meta

This Claude Skill creates original algorithmic art using p5.js with seeded randomness and interactive parameters. It generates .md files for algorithmic philosophies, plus .html and .js files for interactive generative art implementations. Use it when developers need to create flow fields, particle systems, or other computational art while avoiding copyright issues.

View skill

subagent-driven-development

Development

This skill executes implementation plans by dispatching a fresh subagent for each independent task, with code review between tasks. It enables fast iteration while maintaining quality gates through this review process. Use it when working on mostly independent tasks within the same session to ensure continuous progress with built-in quality checks.

View skill

executing-plans

Design

Use the executing-plans skill when you have a complete implementation plan to execute in controlled batches with review checkpoints. It loads and critically reviews the plan, then executes tasks in small batches (default 3 tasks) while reporting progress between each batch for architect review. This ensures systematic implementation with built-in quality control checkpoints.

View skill

cost-optimization

Other

This Claude Skill helps developers optimize cloud costs through resource rightsizing, tagging strategies, and spending analysis. It provides a framework for reducing cloud expenses and implementing cost governance across AWS, Azure, and GCP. Use it when you need to analyze infrastructure costs, right-size resources, or meet budget constraints.

View skill