implementation-checker
CommunityEnhance UI with accessibility & states.
Software Engineering#accessibility#state management#keyboard navigation#react#ui development#component audit
Authorkaelig
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill identifies critical implementation gaps in UI components that are often missed in design handoffs, ensuring better accessibility, user experience, and robustness.
Core Features & Use Cases
- Accessibility Audits: Checks for missing ARIA attributes, keyboard navigation support, and focus management.
- State Handling: Verifies that loading, empty, and error states are implemented for data-driven components.
- Use Case: Before handing off a new modal component to development, use this Skill to ensure it correctly handles focus trapping, keyboard dismissal, and displays appropriate loading and error messages.
Quick Start
Analyze the attached file 'src/components/MyButton.tsx' for implementation concerns.
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: implementation-checker Download link: https://github.com/kaelig/react-craft/archive/main.zip#implementation-checker 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.