MC Dean
50 skills
presentation-deck
Structure compelling design presentations for stakeholders, reviews, and showcases.
·0809
data-visualization
Design clear, accessible data visualizations with appropriate chart selection and styling.
·0714
typography-scale
Create a modular typography scale with size, weight, and line-height relationships.
·0678
illustration-style
Define an illustration style guide with visual language, color usage, and application rules.
·0673
dark-mode-design
Design effective dark mode interfaces with proper color adaptation, contrast, and elevation.
·0650
color-system
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
·0639
user-flow-diagram
Create user flow diagrams showing paths, decisions, and branch logic.
·0636
visual-hierarchy
Establish clear visual hierarchy through size, weight, color, spacing, and positioning.
·0620
animation-principles
Apply animation principles to UI motion for purposeful, polished interactions.
·0603
spacing-system
Create a consistent spacing system based on a base unit with contextual application rules.
·0596
prototype-strategy
Choose the right prototyping fidelity and method for the design question.
·0594
wireframe-spec
Specify wireframe layouts with content priority, component placement, and annotation.
·0593
ux-writing
Write effective UI copy including microcopy, error messages, empty states, and CTAs.
·0593
design-qa-checklist
Create QA checklists for verifying design implementation accuracy.
·0592
layout-grid
Define responsive layout grid systems with columns, gutters, margins, and breakpoint behavior.
·0592
icon-system
Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.
·0592
loading-states
Design loading, skeleton, and progressive content reveal patterns.
·0588
micro-interaction-spec
Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.
·0587
state-machine
Model complex UI behavior as finite state machines with states, events, and transitions.
·0586
responsive-design
Design adaptive layouts and interactions that work across all screen sizes and input methods.
·0585
error-handling-ux
Design error prevention, detection, and recovery experiences.
·0579
design-principles
Define a set of actionable design principles that guide decision-making and resolve trade-offs.
·0578
design-critique
Facilitate structured design critiques with clear feedback frameworks and actionable outcomes.
·0576
heuristic-evaluation
Conduct expert heuristic evaluations using Nielsen's heuristics and domain-specific criteria.
·0575
design-token
Define and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.
·0574
naming-convention
Establish a naming convention system for design elements, components, and tokens with clear rules and examples.
·0573
documentation-template
Generate structured documentation templates for components, patterns, or guidelines within a design system.
·0573
design-token-audit
Audit design token usage across a product for consistency and coverage.
·0572
design-brief
Write a comprehensive design brief that defines the problem space, constraints, audience, and success criteria.
·0570
case-study
Craft portfolio-ready case studies that tell the story of a design project.
·0569
component-spec
Write a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.
·0569
accessibility-audit
Conduct a comprehensive accessibility audit against WCAG guidelines with severity ratings and remediation steps.
·0567
accessibility-test-plan
Create accessibility testing plans covering assistive technologies and WCAG criteria.
·0567
theming-system
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
·0567
handoff-spec
Create developer handoff specifications with measurements, behaviors, assets, and edge cases.
·0566
feedback-patterns
Design system feedback for user actions including confirmations, status updates, and notifications.
·0564
empathy-map
Build a 4-quadrant empathy map (Says, Thinks, Does, Feels) to synthesize user research into actionable insights. Use when you need to quickly capture and share user understanding across the team.
·0564
team-workflow
Design team workflows covering task management, collaboration rituals, and tooling.
·0564
design-rationale
Write clear design rationale connecting decisions to user needs, business goals, and principles.
·0563
design-sprint-plan
Plan and facilitate design sprints from challenge framing through prototype testing.
·0562
jobs-to-be-done
Map user Jobs-to-Be-Done with functional, emotional, and social dimensions plus outcome expectations. Use when reframing product decisions around user motivations rather than features.
·0562
journey-map
Create an end-to-end user journey map with stages, touchpoints, emotions, pain points, and opportunity areas. Use when mapping the full user experience for a product, feature, or service.
·0561
experience-map
Create a holistic experience map showing the full ecosystem of user touchpoints, channels, and relationships.
·0561
gesture-patterns
Design gesture-based interactions for touch and pointer devices.
·0561
version-control-strategy
Define version control strategies for design files, components, and libraries.
·0560
test-scenario
Write usability test scenarios with tasks, success criteria, and observation guides.
·0560
a-b-test-design
Design rigorous A/B tests with hypotheses, variants, metrics, and sample size calculations.
·0559
diary-study-plan
Design a diary study plan with prompts, duration, participant criteria, and analysis framework. Use when you need to understand user behavior over time in natural contexts.
·0559
pattern-library
Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.
·0559
design-system-adoption
Create adoption strategies and materials to drive design system usage across teams.
·0558