Skill Claude CodeCodex
WHEN testing any front-end UI with DOM Testing Library; behavior-first queries, userEvent flows, async patterns.
Skill Claude CodeCodex
WHEN testing any front-end UI with DOM Testing Library; behavior-first queries, userEvent flows, async patterns.
Skill Claude CodeCodex
WHEN testing React components/hooks/context with React Testing Library; NOT e2e; covers renderHook, providers, forms, and anti-patterns.
Skill Claude CodeCodex
WHEN building React components/pages/apps; enforces scalable architecture, state management, API layer, performance patterns.
Skill Claude CodeCodex
WHEN tests are green and you need a refactor plan; NOT for new feature delivery; commit-first safety with prioritized improvements.
Skill Claude CodeCodex
WHEN building design systems or component libraries with Tailwind CSS; covers design tokens, CVA patterns and dark mode.
Skill Claude CodeCodex
WHEN working in TDD Red-Green-Refactor; NOT ad-hoc coding; write tests first, add minimal code to green, then assess refactoring.
Skill Claude CodeCodex
WHEN refining UI layout, typography, color, or polish; NOT code implementation; provides concise principles for intentional, legible design.
Skill Claude CodeCodex
WHEN React state changes in response to an external answer — async submit, in-flight or loading flags, retries, cancellation, polling, optimistic updates, stale responses — or to an interaction with an interruptible middle, such as a drag or a gesture; or WHEN building, reviewing, testing, or visualising XState 5…