ux-antipatterns
✓Use when reviewing, building, or refactoring frontend UI — components, pages, forms, or interactive flows. Triggers on code review, pull requests, and new feature implementation involving user-facing interfaces.
Installation
SKILL.md
Before checking individual rules, internalize these. They are the "why" behind every item below.
| 1 | Acknowledge every action | Every user action must produce visible feedback within 100ms, even if the result takes seconds. | | 2 | Never destroy user input | Not on error, not on navigation, not on timeout, not on refresh. | | 3 | State survives the unexpected | Refresh, double-clicks or double submits, network loss — code must handle edge cases. |
| 4 | Most recent intent wins | Stale responses must never overwrite a newer user action. | | 5 | Explain every constraint | If it's disabled, say why. If it failed, say how to fix it. If it succeeded, say what happened. |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/cassiozen/ux-antipatterns --skill ux-antipatterns- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-12
- Updated
- 2026-02-18
Quick answers
What is ux-antipatterns?
Use when reviewing, building, or refactoring frontend UI — components, pages, forms, or interactive flows. Triggers on code review, pull requests, and new feature implementation involving user-facing interfaces. Source: cassiozen/ux-antipatterns.
How do I install ux-antipatterns?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/cassiozen/ux-antipatterns --skill ux-antipatterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/cassiozen/ux-antipatterns
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-12