Skip to content

kinwisenz-devops/react-guardian

v0.4.0MIT

React and React Native engineering skills with a workflow agent

react-api-integration

Use when a React app calls an HTTP API: fetching data, sign-in and token handling, error and loading states, retries, or a request that keeps failing. Designs or changes React clients that talk to HTTP APIs, including request boundaries, authentication handling, errors and async UI states. Do not use for building server endpoints, general component styling (react-interface- quality) or tests (react-testing).

react-guardian

Use when a React or React Native task spans areas, or it is unclear which React skill applies, such as a new feature, a clean-up, an upgrade with tests, or a first look at a React project. Routes work to the focused react skills for migrations, web and native interfaces, API integration and testing. Do not use for a task that clearly belongs to one focused skill.

react-interface-quality

Use when reviewing or changing React DOM UI: component structure, responsive layout, keyboard and screen reader behaviour, or consistency with a design system. Improves React DOM component structure, responsive behaviour, accessibility and design-system consistency. Do not use for React Native screens (react-native-development), API client contracts (react-api- integration) or backend integration.

react-migration

Use when upgrading React or React DOM, moving to modern root APIs, replacing legacy APIs, or fixing console warnings after a version upgrade. Plans and performs React for web version upgrades and legacy API migrations. Do not use for React Native runtime upgrades (react-native-development) or unrelated feature work.

react-native-development

Use when building or fixing a React Native app for Android or iOS: screens, navigation, platform-specific code, native modules or Metro problems. Builds and reviews React Native applications using native components, platform-aware code and React Native tooling. Do not use for browser DOM or React DOM tasks (react-interface-quality).

react-testing

Use when adding test coverage for React components, hooks or user workflows, diagnosing flaky UI tests, or choosing test boundaries. Writes or reviews tests for React components, hooks and user workflows. Do not use for production changes that do not involve test work.