interface-review
CommunityUI review for usability and accessibility.
Authorhiro0218
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill reviews web interfaces for interactivity, typography, motion, touch, performance, accessibility, and UX design, ensuring they are usable, accessible, and performant.
Core Features & Use Cases
- Interactivity: checks for proper form markup, focus management, and prevention of double submissions.
- Typography & Motion: ensures readable typography and non-intrusive motion.
- Accessibility: validates ARIA labels, keyboard navigation, and focus visibility.
- UX & Design Principles: aligns UI with UX psychology guidelines.
- Use Case: Review Button.tsx for accessible labeling and responsive interactions.
Quick Start
Review a UI component file, e.g., "src/components/UI/Button/Button.tsx", for accessibility and UX best practices.
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: interface-review Download link: https://github.com/hiro0218/b.0218.jp/archive/main.zip#interface-review Please download this .zip file, extract it, and install it in the .claude/skills/ directory.