菜单
Deceptive patterns (dark patterns), ethical design frameworks, persuasive vs. manipulative design, GDPR/consent UX. Use when reviewing designs for manipulation, designing consent flows, or evaluating ethical implications of design decisions.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | design-ethics |
| description | Deceptive patterns (dark patterns), ethical design frameworks, persuasive vs. manipulative design, GDPR/consent UX. Use when reviewing designs for manipulation, designing consent flows, or evaluating ethical implications of design decisions. |
Every deceptive pattern is a short-term revenue play that destroys long-term trust. If you have to trick someone into staying, your product isn't good enough. This isn't a moral argument (though it is). It's a business argument. Deceptive patterns tank retention, inflate support costs, and get you sued.
Use when you need:
| Pattern | What It Does | Example |
|---|---|---|
| Trick Questions | Confusing wording leads to unintended actions | Double negatives in checkboxes |
| Sneak into Basket | Items added to cart without consent | Pre-selected add-ons at checkout |
| Roach Motel | Easy to enter, hard to leave | Amazon Prime's multi-page cancellation |
| Privacy Zuckering | Tricks users into sharing more data | Confusing privacy settings |
| Price Comparison Prevention | Hard to compare with competitors | Non-standard unit pricing |
| Misdirection | Draws attention away from important info | Prominent "Accept" with hidden "Decline" |
| Hidden Costs | Fees revealed only at final step | Shipping costs at checkout |
| Bait and Switch | Advertise one thing, deliver another | Free trial → auto-charge |
| Confirmshaming | Shame language on opt-out | "No, I don't want to save money" |
| Disguised Ads | Ads styled as content or navigation | Download buttons that are ads |
| Forced Continuity | Free trial silently becomes paid | No cancellation reminder |
| Friend Spam | Requests contacts under false pretenses | "Find friends" that spams contacts |
For any design decision, ask:
Persuasive (ethical): Transparent, user retains autonomy, benefits the user. (Duolingo streaks motivate learning.)
Manipulative (unethical): Hidden intent, exploits biases, benefits company at user's expense. (Hidden cancellation flows.)
| Rule | Why |
|---|---|
| Button parity | Accept and Reject must have equal visual prominence (size, font, color) |
| Click parity | Opting out must require same number of clicks as opting in |
| No pre-ticked boxes | All consent must be affirmative |
| Easy withdrawal | Revoking consent must be as easy as giving it |
| Plain language | Replace legal jargon with clear explanations |
| Accessible | 4.5:1 contrast, keyboard navigable, screen reader compatible |
accessibility-wcag - Overlaps on inclusive, non-discriminatory designlaws-of-ux - Cognitive biases that deceptive patterns exploitWCAG 2.1/2.2 guidelines, ARIA patterns, and inclusive design principles. Use when auditing accessibility, implementing ARIA, reviewing color contrast, or designing for screen readers, keyboard users, and cognitive accessibility.
Opinionated design critique framework grounded in business outcomes, named principles, and specific actionable feedback. Use when reviewing designs, running critique sessions, or giving feedback that actually improves the work.
Usability heuristics for catching real problems in interfaces, not generating busywork. Nielsen's 10 and Shneiderman's Golden Rules, reframed around business outcomes with practical severity scoring.
Design process philosophy and frameworks. When to use JTBD, Design Sprints, Double Diamond, IDEO. How to run outcome-driven design, effective critique, and recognize when process is theater. Use when planning design work, structuring discovery, or choosing the right level of rigor for the problem.
Design systems architecture - tokens, components, documentation, governance. Use when building or scaling a design system, defining component APIs, establishing token architecture, or creating contribution guidelines.
Figma to code with AI - MCP server workflow, vibe coding, Code Connect, file preparation, design tokens, and plugin ecosystem. Use when going from Figma designs to production code with Claude Code, Cursor, or other AI coding tools.