ux-methodology-design

Apply UX laws to optimize visual hierarchy and interaction design.

2|Updated Apr 11, 2026
One-click install
npx skills add https://github.com/motionharvest/agent-skills --skill ux-methodology-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-methodology-design
Source: https://github.com/motionharvest/agent-skills/tree/main/ux-methodology-design
Command: npx skills add https://github.com/motionharvest/agent-skills --skill ux-methodology-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the problem of subjective or inconsistent design by providing a rigorous, psychology-based framework to optimize visual hierarchy, interaction design, and usability.

Core Features & Use Cases

  • Visual Hierarchy Optimization: Uses laws like Von Restorff and Selective Attention to ensure primary calls-to-action are immediately identifiable.
  • Interaction Design: Applies Fitts's Law and the Doherty Threshold to ensure buttons are accessible and interfaces feel responsive.
  • Usability Auditing: Provides a structured checklist to audit existing designs for cognitive load, grouping, and consistency.

Quick Start

Run the ux-methodology-design skill to audit the current page architecture and apply visual hierarchy improvements to the primary call-to-action.

Frequently Asked Questions about ux-methodology-design

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

FAQPage Schema
How do I optimize visual hierarchy and make primary calls-to-action stand out?

Optimize visual hierarchy by applying UX laws like Von Restorff and Selective Attention to ensure primary calls-to-action are immediately identifiable and reduce cognitive load.

What is the best way to audit an interface for usability and cognitive load?

The best way to audit usability is using a structured checklist that evaluates cognitive load, grouping, and consistency across your interface components based on established psychology principles.

How does Fitts's Law improve button placement and interaction design?

Fitts's Law improves interaction design by dictating button size and placement to ensure interactive elements are physically accessible and efficient for users to target.

Can I apply UX laws to refine page layouts after the architecture phase is complete?

Yes, you can apply UX laws to refine page layouts after architecture completion. This targets button placement, feedback mechanisms, and consistent visual styling across digital products.

Why does my interface feel unresponsive and how can the Doherty Threshold help?

Interfaces feel unresponsive when they exceed the Doherty Threshold. Applying this interaction design law ensures interfaces provide feedback quickly enough to feel instantaneous to users.

Does applying UX methodology help with accessibility requirements?

Applying UX methodology directly satisfies accessibility requirements by providing a rigorous framework to optimize visual hierarchy, interaction design, and consistent visual styling.