ux-design

Apply core UX design principles to interface and screen specifications.

Updated Jan 25, 2026
One-click install
npx skills add https://github.com/dhamija/claude-workflow-agents --skill ux-design-dhamija
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-design
Source: https://github.com/dhamija/claude-workflow-agents/tree/main/templates/skills/ux-design
Command: npx skills add https://github.com/dhamija/claude-workflow-agents --skill ux-design-dhamija

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured set of UX design principles and guidelines to reduce design guesswork and improve user experience across interfaces, screens, and components.

Core Features & Use Cases

  • Fitts's Law: optimize touch targets and layout for quick, accurate actions.
  • Hick's Law & Miller's Law: simplify choices and minimize working-memory load.
  • Jakob's Law & Aesthetic-Usability: align design with user expectations while delivering appealing, usable interfaces.
  • Application: use during screen design, component specification, accessibility reviews, and UI audits.
  • Use Case: design a login screen with clear targets, concise options, and accessible contrast.

Quick Start

Provide a high-level brief to Claude to apply UX principles to your next UI task, such as designing a mobile form with accessible contrast and efficient touch targets.

Frequently Asked Questions about ux-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply UX design principles to improve my interface layouts?

UX design principles like Fitts's Law optimize touch targets and spacing for quick, accurate user actions. Hick's Law and Miller's Law simplify choices and reduce cognitive load. Jakob's Law aligns design with user expectations while aesthetic-usability guidance ensures interfaces are both appealing and functional across web and mobile projects.

What's the best way to design accessible and responsive UI components?

Combine responsive design techniques with accessibility and usability laws to create inclusive interfaces. Apply Fitts's Law for efficient touch targets, ensure readable contrast, minimize decision options per Hick's Law, and test layouts across devices and screen sizes to deliver consistent user experience.

How do I reduce design guesswork during screen specification and UI audits?

Use structured UX principles—Fitts's Law, Hick's Law, Miller's Law, Jakob's Law, and aesthetic-usability guidance—as decision frameworks during design and audit phases. These core principles eliminate subjective choices and provide actionable guidelines for component layout, information hierarchy, and interaction patterns.

Can I use these UX principles for mobile form design with touch optimization?

Yes. Fitts's Law directly optimizes touch target size and spacing for mobile interfaces. Hick's Law simplifies form fields and options to reduce cognitive burden. Combined with responsive design and accessibility requirements, these principles create efficient, accessible mobile forms.

What design decisions do Fitts's Law and Hick's Law solve?

Fitts's Law determines optimal button size, spacing, and placement for fast, accurate interactions. Hick's Law reduces decision fatigue by limiting visible choices and information on screen. Together they address interaction speed, accuracy, and cognitive load—core sources of poor user experience.

How do aesthetic-usability and Jakob's Law guide responsive interface design?

Jakob's Law aligns interface patterns with user mental models from prior experience, reducing learning curve. Aesthetic-usability ensures appealing interfaces feel usable and trustworthy. Together they guide responsive layouts that feel intuitive across platforms while maintaining visual hierarchy and brand consistency.