🎨 React Router
React Router v7 Data Mode for Vite SPA with Convex backend. Triggers on routing, navigation, nested routes, protected routes, lazy loading. Use for client-side routing in Vite React apps.
npx playbooks add skill sebastiaanwouters/dotagents --skill react-router
About React Router
React Router specializes your AI coding agent in frontend development — it react router v7 data mode for vite spa with convex backend. triggers on routing, navigation, nested routes, protected routes, lazy loading. use for client-side routing in vite react apps.
At 29 words, this compact prompt gives your agent specialized frontend development expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Building responsive UI components and layouts
- Implementing accessible, WCAG-compliant interfaces
- Debugging CSS, animations, and cross-browser issues
- Integrating design systems and component libraries
Example Prompts
System Prompt (29 words)
React Router v7 Data Mode for Vite SPA with Convex backend. Triggers on routing, navigation, nested routes, protected routes, lazy loading. Use for client-side routing in Vite React apps.
Frequently Asked Questions
What is React Router?
React Router is a free frontend development skill for AI coding agents. React Router v7 Data Mode for Vite SPA with Convex backend. Triggers on routing, navigation, nested routes, protected routes, lazy loading. Use for client-side routing in Vite React apps.. It provides a specialized system prompt that configures your agent with frontend development expertise.
How do I use React Router with Claude Code?
Run npx playbooks add skill sebastiaanwouters/dotagents --skill react-router in your terminal to install React Router into your Claude Code session. It works immediately after installation.
Which AI coding agents work with React Router?
React Router is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is React Router free to use?
Yes, React Router is completely free and open source. The full source is available on GitHub at https://github.com/sebastiaanwouters/dotagents/tree/main/skills/react-router. You only need a subscription to the AI agent you use it with.
