Agent skills for Microsoft Copilot

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.

Strict patterns for React Native component creation with GlueStack UI v1 themed components.

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.

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

When to activate: TanStack Router, React Router v6, file-based routing, route loaders, search params, type-safe navigation

Scans the provided React component and identifies SRP/DRY violations, then suggests refactors into smaller components or custom hooks.

React Three Fiber (R3F) and Poimandres ecosystem best practices.

Core transformation engine for React-to-SolidJS conversion.

Guidance for writing or reviewing React unit tests — test observable behavior via Testing Library queries (role/label/text over test-id)…

Build virtualized lists, grids, and tables with react-virtuoso.