From product-designer
Specialized design covering mobile, web, and emerging disciplines. Use when designing for iOS or Android (HIG, Material Design, touch gestures, tab bars, bottom sheets, notifications, onboarding, app icons), web specializations (above-the-fold, form design, data tables, dashboards, e-commerce, checkout, content layouts), or emerging areas (Design Ops, inclusive design, ethical design, dark pattern avoidance, sustainable design, service design, design thinking facilitation). Triggers on: iOS design, HIG, Material Design, Android design, touch gesture, swipe, tab bar, bottom sheet, push notification, mobile onboarding, app icon, above the fold, hero section, form design, multi-step form, data table, dashboard design, e-commerce, product page, checkout, article layout, Design Ops, inclusive design, ethical design, dark pattern, sustainable design, service design, service blueprint, design thinking, facilitation.
How this skill is triggered — by the user, by Claude, or both
Slash command
/product-designer:design-specializationsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Deep expertise in platform-specific, domain-specific, and emerging design disciplines — going beyond general UX/UI into the specialized knowledge that makes designs truly native, purposeful, and responsible.
Deep expertise in platform-specific, domain-specific, and emerging design disciplines — going beyond general UX/UI into the specialized knowledge that makes designs truly native, purposeful, and responsible.
| Question | Reference |
|---|---|
| How do I follow iOS HIG conventions? | .claude/skills/design-specializations/mobile-design.md → Native Patterns |
| How do I follow Material Design 3? | .claude/skills/design-specializations/mobile-design.md → Native Patterns |
| How do I design touch interactions? | .claude/skills/design-specializations/mobile-design.md → Touch Gestures |
| How do I design tab bars and navigation? | .claude/skills/design-specializations/mobile-design.md → Mobile Navigation |
| How do I design push notifications? | .claude/skills/design-specializations/mobile-design.md → Notification Design |
| How do I design a first-time user experience? | .claude/skills/design-specializations/mobile-design.md → Onboarding |
| How do I design an app icon? | .claude/skills/design-specializations/mobile-design.md → App Icon Design |
| What content goes above the fold? | .claude/skills/design-specializations/web-design.md → Above-the-Fold Strategy |
| How do I design complex forms? | .claude/skills/design-specializations/web-design.md → Form Design |
| How do I design data-dense tables? | .claude/skills/design-specializations/web-design.md → Table Design |
| How do I design a dashboard? | .claude/skills/design-specializations/web-design.md → Dashboard Design |
| How do I design a product page or checkout? | .claude/skills/design-specializations/web-design.md → E-commerce |
| How do I design a reading/content experience? | .claude/skills/design-specializations/web-design.md → Content-Heavy Sites |
| How do I scale design processes? | .claude/skills/design-specializations/emerging-specializations.md → Design Ops |
| How do I design for marginalized users? | .claude/skills/design-specializations/emerging-specializations.md → Inclusive Design |
| How do I avoid dark patterns? | .claude/skills/design-specializations/emerging-specializations.md → Ethical Design |
| How do I reduce environmental impact? | .claude/skills/design-specializations/emerging-specializations.md → Sustainable Design |
| How do I map end-to-end service experiences? | .claude/skills/design-specializations/emerging-specializations.md → Service Design |
| How do I facilitate a design thinking workshop? | .claude/skills/design-specializations/emerging-specializations.md → Design Thinking Facilitation |
Mobile Design (platform-native expertise)
└── Native Patterns (HIG + Material) → Touch Gestures → Mobile Navigation
→ Notification Design → Onboarding → App Icon Design
Web Design (domain-specific patterns)
└── Above-the-Fold → Form Design → Table Design
→ Dashboard Design → E-commerce → Content-Heavy Sites
Emerging Specializations (expanding the practice)
└── Design Ops → Inclusive Design → Ethical Design
→ Sustainable Design → Service Design → Design Thinking Facilitation
.claude/skills/design-specializations/mobile-design.md for: iOS HIG, Material Design, touch gestures, navigation, notifications, onboarding, app icons.claude/skills/design-specializations/web-design.md for: above-the-fold, forms, tables, dashboards, e-commerce, content-heavy sites.claude/skills/design-specializations/emerging-specializations.md for: Design Ops, inclusive design, ethical design, sustainable design, service design, design thinking facilitationGuides creation, editing, and verification of skills for AI coding agents using test-driven development with subagent scenarios. Use when authoring or debugging skills.
npx claudepluginhub waqarahmed-design/product-designer-agent --plugin product-designer