How do I install the 080103 UX Standards skill?

Run npx skillmds@latest add natuleadan/080103-ux-standards in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is 080103 UX Standards safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with 080103 UX Standards?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is 080103 UX Standards free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

Who published 080103 UX Standards?

natuleadan (@natuleadan) published this skill. Their other Agent Skills are listed on their SkillMD profile.

080103 UX Standards by natuleadan — Agent Skill

Name: 080103 UX Standards
Author: natuleadan

File contents

UX Standards

Production-grade UX standards for web and mobile: accessibility, interaction, form design, navigation architecture, copy, and cognitive load.

References

Topic	File
WCAG accessibility: contrast 4.5:1, focus, keyboard, screen reader, ARIA, reduced motion	references/accessibility.md
Touch interaction: targets 44×44pt, gestures, haptics, safe areas, platform standards	references/touch-interaction.md
Form UX: labels, validation, error recovery, progressive disclosure, keyboard, autofill	references/form-ux.md
Navigation: bottom nav, sidebar, breadcrumbs, back stack, deep linking, adaptive patterns	references/navigation-patterns.md
UX writing: error messages, empty states, CTAs, confirmation, tone	references/ux-writing.md
Cognitive load: information density, chunking, progressive disclosure, decision fatigue	references/cognitive-load.md

Core Rules

Accessibility is critical: Color contrast ≥4.5:1, visible focus rings, keyboard nav, aria-labels, skip links, heading hierarchy never skips levels. Color is never the only indicator.
Touch targets: Minimum 44×44pt (Apple) / 48×48dp (Material). 8px minimum gap between targets. Don't rely on hover alone.
Forms: Visible labels (not placeholder-only), errors below the field, progressive disclosure, validate on blur, input types trigger correct keyboard.
Navigation: Bottom nav ≤5 items, labels + icons. Back must preserve scroll/state. All screens reachable via deep link.
UX writing: Every word earns its place. Errors state cause + how to fix. Empty states teach the interface.

When to Use

Trigger	Use
Designing forms or inputs	references/form-ux.md
Building navigation structure	references/navigation-patterns.md
Reviewing accessibility	references/accessibility.md
Writing UI copy	references/ux-writing.md
Evaluating information density	references/cognitive-load.md
Mobile/touch design review	references/touch-interaction.md

---name: 080103-ux-standardsdescription: UX standards: WCAG accessibility, touch interaction, form UX, navigation, UX writing, cognitive load. Heuristic evaluation and critique methodology.license: MIT---# UX StandardsProduction-grade UX standards for web and mobile: accessibility, interaction, form design, navigation architecture, copy, and cognitive load.## References| Topic | File ||---|---|| WCAG accessibility: contrast 4.5:1, focus, keyboard, screen reader, ARIA, reduced motion | [references/accessibility.md](references/accessibility.md) || Touch interaction: targets 44×44pt, gestures, haptics, safe areas, platform standards | [references/touch-interaction.md](references/touch-interaction.md) || Form UX: labels, validation, error recovery, progressive disclosure, keyboard, autofill | [references/form-ux.md](references/form-ux.md) || Navigation: bottom nav, sidebar, breadcrumbs, back stack, deep linking, adaptive patterns | [references/navigation-patterns.md](references/navigation-patterns.md) || UX writing: error messages, empty states, CTAs, confirmation, tone | [references/ux-writing.md](references/ux-writing.md) || Cognitive load: information density, chunking, progressive disclosure, decision fatigue | [references/cognitive-load.md](references/cognitive-load.md) |## Core Rules- **Accessibility is critical**: Color contrast ≥4.5:1, visible focus rings, keyboard nav, aria-labels, skip links, heading hierarchy never skips levels. Color is never the only indicator.- **Touch targets**: Minimum 44×44pt (Apple) / 48×48dp (Material). 8px minimum gap between targets. Don't rely on hover alone.- **Forms**: Visible labels (not placeholder-only), errors below the field, progressive disclosure, validate on blur, input types trigger correct keyboard.- **Navigation**: Bottom nav ≤5 items, labels + icons. Back must preserve scroll/state. All screens reachable via deep link.- **UX writing**: Every word earns its place. Errors state cause + how to fix. Empty states teach the interface.## When to Use| Trigger | Use ||---|---|| Designing forms or inputs | [references/form-ux.md](references/form-ux.md) || Building navigation structure | [references/navigation-patterns.md](references/navigation-patterns.md) || Reviewing accessibility | [references/accessibility.md](references/accessibility.md) || Writing UI copy | [references/ux-writing.md](references/ux-writing.md) || Evaluating information density | [references/cognitive-load.md](references/cognitive-load.md) || Mobile/touch design review | [references/touch-interaction.md](references/touch-interaction.md) |

Frequently asked questions

080103 UX Standards