skills.rest
NodeJSmith
NodeJSmithCOMMUNITY
Explore all skills by this author →
GitHub

mine.ux-antipatterns

Detect and resolve UX anti-patterns in frontend codebases.

1|Updated Feb 22, 2026
Search Tags:#code review#anti-patterns#accessibility#frontend#usability#ux
One-click install
npx skills add https://github.com/NodeJSmith/Claudefiles --skill mine-ux-antipatterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mine.ux-antipatterns
Source: https://github.com/NodeJSmith/Claudefiles/tree/main/skills/mine.ux-antipatterns
Command: npx skills add https://github.com/NodeJSmith/Claudefiles --skill mine-ux-antipatterns

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill identifies and helps you correct common User Experience (UX) anti-patterns in frontend code, ensuring a smoother and more intuitive user journey.

Core Features & Use Cases

  • Comprehensive Anti-Pattern Detection: Scans for issues like layout shifts, poor feedback, broken forms, accessibility gaps, and more.
  • Actionable Guidance: Provides clear explanations of user harm and concrete steps for fixing identified problems.
  • Use Case: When reviewing a new user-facing feature, run this Skill to proactively catch potential usability issues before they impact users, ensuring a polished and accessible interface.

Quick Start

Run the mine.ux-antipatterns skill to audit the provided frontend code for any UX anti-patterns.

Frequently Asked Questions about mine.ux-antipatterns

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

FAQPage Schema
How do I detect UX anti-patterns in frontend code?▼

To detect UX anti-patterns in frontend code, run an audit using systematic heuristics to scan for layout instability, poor feedback mechanisms, form interaction flaws, and accessibility deficits across UI components.

What are common frontend usability issues addressed during a code review?▼

Common frontend usability issues include layout shifts, inadequate user feedback, broken form interactions, and accessibility gaps. These anti-patterns degrade the user journey and are systematically identified during frontend code reviews.

Can I check my UI components for accessibility deficits before deploying?▼

Yes, you can check UI components for accessibility deficits before deploying by running a proactive usability audit. This catches accessibility gaps and interaction flaws early, ensuring a polished and accessible frontend interface.

How do I fix layout instability and poor feedback in my user interface?▼

To fix layout instability and poor feedback, audit your frontend code to identify the specific anti-patterns. The audit provides actionable guidance and concrete steps to resolve these user experience issues.

When should I scan my codebase for user experience anti-patterns?▼

You should scan your codebase for user experience anti-patterns when reviewing a new user-facing feature. Proactively catching usability issues before they impact users ensures a smoother, more intuitive user journey.

Related Skills

Explore More Design & Creative Skills→
AceCandyAceCandy

critique

Evaluate user interfaces for usability issues and design quality gaps.

Community
Advanced
travisjneumantravisjneuman
88

generic-react-code-reviewer

Review React/TypeScript code for defects, security flaws, performance, and accessibility.

Community
Advanced
is-ivanovis-ivanov
2

design-review

Inspect TSX components for hardcoded mockup placeholder data.

Community
Intermediate
SeemSeamSeemSeam
17

browser-quality

Validate frontend quality with visual QA, responsive screenshots, accessibility, and performance metrics.

Community
Advanced