Agent skills for ChatGPT

Review React and React Native code structure using contextual rules for ownership, data access, UI-to-code mapping, composition, naming…

Guidance for implementing or refactoring React components — keep components focused on rendering, props, and events, and extract API…

High-quality React component authoring focused on single responsibility, low coupling, and English-only code and comments.

Discover a single-page-app's hidden backend API from its public JS bundle, then test that API for broken access control / missing…

Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups.

Guidance for structuring frontend feature code as vertical feature-first slices (src/features/<feature>/...) instead of global technical…

Reviews React Flow code for anti-patterns, performance issues, and best practices.

Use when building node-based UIs, flow diagrams, workflow editors, or interactive graphs with React Flow.

Implements React Flow node-based UIs correctly using @xyflow/react.

React Native and Expo best practices for building performant mobile apps.

Diagnoses and resolves complex React Native and Expo issues including white screens, Firebase connectivity, and performance bottlenecks.

Automates the creation of comprehensive NativeWind-based design systems and UI specifications for React Native applications.

React Native and Expo app patterns — Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching…

Full 8-phase React Native feature development pipeline — discovery, codebase exploration, clarifying questions, architecture…

React Native and Expo patterns for building performant mobile apps.

Use when working with react-native-skills tasks or workflows

Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects.

Best practices for React/Next.js projects: component splitting, data fetching, performance, bundles, RSC, hydration, and routing.

Set up and use react-pixel-overlay, ART+COM's PerfectPixel-style design overlay for React apps — it renders exported design images (e.g.

Use destructured props in React component function parameters for better readability and type safety.

Build applications with React Router in Framework, Data, Declarative, and unstable RSC modes.