UI Design Agent Skills

Create a consistent spacing system based on a base unit with contextual application rules for harmonious interfaces.

Creates a structured design brief covering project overview, problem statement, target audience, goals, scope, context, deliverables, and timeline.

Design comfortable, accessible dark mode interfaces with proper color adaptation, contrast, and surface hierarchy.

Apply the Law of Proximity to group related elements through spatial relationships in UI layouts.

Set optimal line lengths for readability across typography scales and responsive layouts.

Creates modular typography scales with size, weight, and line-height relationships for consistent digital interfaces.

Create a holistic experience map showing the full ecosystem of user touchpoints, channels, and relationships across the customer journey.

Write clear, helpful UI copy including microcopy, error messages, empty states, and CTAs that guide users and reinforce product voice.

Design adaptive layouts and interactions that work across all screen sizes and input methods.

Translate design decisions into business value by reading financials, mapping competitive landscapes, and defending design work in ROI terms.

Identify, categorize, and prioritize accumulated design inconsistencies and structural problems across a product.

Apply Fitts's Law to size and position interactive targets for fast, accurate interaction.

Reduce decision time and cognitive burden by limiting the number and complexity of simultaneous choices in user interfaces.

Design search experiences that help users find what they need, recover from failure, and refine results.

Plan and facilitate design sprints from challenge framing through prototype testing, using a structured 5-day process with variations for mini, remote, and discovery sprints.

Apply the Aesthetic-Usability Effect to ensure visual consistency and polish translate into user trust and perceived quality without masking genuine usability problems.

Apply the Von Restorff Effect to make the most important element visually distinct from its surroundings, improving attention and recall.

Create systematic QA checklists to verify that design implementations match specifications across visual accuracy, layout, interaction, content, accessibility, and cross-platform categories.

Design forms that minimize friction, prevent errors, and guide users to successful completion.

Group interface elements using containers, backgrounds, and boundaries based on the Gestalt Law of Common Region.

Define UX metrics and KPIs that connect design decisions to measurable business and user outcomes.

Audits colour decisions on a screen for contrast ratios, palette coherence, semantic meaning, and accessibility, flagging deviations and recommending specific corrections.

Design loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.

Analyze card sorting results to inform information architecture and navigation structure. Use after conducting open or closed card sort studies.

Conduct comprehensive accessibility audits against WCAG 2.2 guidelines, identifying barriers with severity ratings and providing remediation steps.

Specify wireframe layouts with content priority, component placement, and annotations for behavior, responsiveness, and accessibility.

Advocate for design quality, scope, and time with cross-functional partners and leadership using evidence and shared goals.

Designs intuitive gesture-based interactions for touch and pointer devices, covering core gestures, discoverability, feedback, thresholds, conflict resolution, and accessibility.

Design click and first-click tests to evaluate navigation clarity and information findability in user interfaces.

Analyze a screen's interactive affordances to identify clickability issues, state visibility gaps, CTA clarity problems, and action discoverability failures.

Audits typographic decisions on a screen for scale usage, readability, consistency, and token compliance, providing specific fixes.

Apply the Doherty Threshold to keep system response times under 400ms, maintaining user flow and perceived performance.

Design feedback patterns for user actions, including confirmations, status updates, and notifications.

Design first-run experiences that get users to value quickly without overwhelming them.

Design the structure, hierarchy, and navigation model for a product's content and features.

Analyze the spatial and structural qualities of a screen design, evaluating balance, whitespace, rhythm, and gestalt principles to identify compositional weaknesses and propose specific fixes.