What problem does it solve? Reviewing React components for production readiness requires checking accessibility, performance, TypeScript types, tests, Storybook stories, and error states — a process that is easy to do inconsistently or skip entirely. This Skill runs a structured six-dimension audit and returns specific issues, fixes, and corrected code. ## Core Features & Use Cases - Six-Dimension Audit: Checks TypeScript prop contracts, WCAG AA accessibility, render performance, test coverage, Storybook stories, and error/loading states. - Corrected Code Output: Produces a fixed version of the component with annotated changes, plus a Vitest/Testing Library test file and a Storybook story file. - ARIA Pattern Guidance: Provides correct markup patterns for custom widgets like dialogs, disclosures, and comboboxes. - Use Case: Paste a TSX button or form component and ask whether it is production-ready; receive a full audit report, an axe-compliant corrected component, three tests, and Storybook stories. ## Quick Start Paste your React or TSX component and ask the assistant to audit it for production readiness with corrected code, tests, and Storybook stories.
