ux-antipatterns
CommunityPrevent UX anti-patterns before users suffer.
Authorcassiozen
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Detects and prevents the frontend UX anti-patterns that frustrate users with layout shifts, missing feedback, lost input, racing states, or focus theft during reviews and implementations.
Core Features & Use Cases
- Axiomatic guidance: The skill surfaces its six core axioms plus 13 detailed anti-pattern categories from
references/antipatterns.md, mapping symptoms to harm and fixes. - Workflow orchestration: Agents are instructed to load the reference heuristics, scan the code, group findings by category, cite specific file:line incidents, and explain harm plus concrete remediation steps.
- Use case: Use this skill when reviewing PRs, auditing new UI features, or refactoring components/forms so each commit aligns with UX best practices.
Quick Start
Ask the agent to scan the frontend code for layout, feedback, and accessibility anti-patterns using the heuristics before merging.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ux-antipatterns Download link: https://github.com/cassiozen/UX-antipatterns/archive/main.zip#ux-antipatterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.