ui-ux

Applies usability, accessibility, and cognitive principles to interface design decisions.

1|Updated Dec 30, 2025
One-click install
npx skills add https://github.com/Fidasek009/agents --skill ui-ux-fidasek009
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux
Source: https://github.com/Fidasek009/agents/tree/main/.agents/skills/ui-ux
Command: npx skills add https://github.com/Fidasek009/agents --skill ui-ux-fidasek009

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing user-facing interfaces often leads to inconsistent interactions, hidden complexity, and accessibility gaps. This Skill provides enforceable UI/UX principles so interface decisions prioritize user tasks, clarity, and control over visual novelty. ## Core Features & Use Cases - Usability Heuristics: Applies Hick's Law, Fitts's Law, Miller's Law, and Gestalt principles to reduce decision cost and cognitive load. - Interaction Consistency: Enforces interaction invariants, system legibility, task continuity, and reversibility across the product. - Accessibility & Responsiveness: Treats accessibility as an architectural constraint and preserves task priority across viewports and input methods. - Use Case: When building a multi-step checkout flow, use this Skill to structure navigation around user decisions, preserve entered data across steps, and keep destructive actions separated yet recoverable. ## Quick Start Review my checkout flow design and apply UI/UX principles to improve usability, accessibility, and interaction consistency.

Frequently Asked Questions about ui-ux

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

FAQPage Schema
How do I apply usability principles to interface design?▼

Apply established laws such as Hick's Law to reduce decision cost, Fitts's Law to place controls near task demand, and Miller's Law to favor recognition over recall. Organize the interface around user tasks rather than internal implementation structure.

How to reduce cognitive load in a user interface?▼

Reduce cognitive load by prioritizing likely actions, progressively disclosing secondary choices, and externalizing context across steps. Establish one dominant priority per region so visual hierarchy matches task hierarchy.

When should I deviate from platform design conventions?▼

Deviate from established conventions only when the existing mental model conflicts with the user's task and the replacement remains learnable, internally consistent, and demonstrably better. This follows Jakob's Law of inheriting reliable mental models.

Why is accessibility important in UI architecture?▼

Accessibility is an architectural constraint, not a remediation pass. Information hierarchy, interaction semantics, feedback, and task completion must remain equivalent across all supported modes of perception and input.

What are the limitations of confirmation dialogs for destructive actions?▼

Confirmation dialogs are not a substitute for safe recovery. Prefer undo, drafts, and delayed commitment so users can reverse consequential actions, while keeping destructive controls separated but accessible.