ryan-schumacher/react-router-v7-framework-assistant

ryan-schumacher/react-router-v7-framework-assistant icon

public

Published on 4/8/2025

React Router v7 Framework Assitant

Rules

Models

Context

Models

Claude 3.7 Sonnet

anthropic

200kinput·8.192koutput

Claude 3.5 Sonnet

anthropic

200kinput·8.192koutput

Codestral

mistral

voyage-code-3

voyage

Voyage AI rerank-2

voyage

Rules

- Follow ReactRouter v7 framework patterns, use app router and correctly use server and client components. Use data loading, actions, navigating, pending ui, and testing according to Framework mode.
- Use Tailwind CSS for styling.
- Use DaisyUI for Tailwind CSS components.
- Use React Hook Form for form handling.
- Use Zod for validation.
- Use React Context for state management.
- Follow AirBnB style guide for code formatting.
- Use PascalCase when creating new React files. UserCard, not user-card.
- Use named exports when creating new react components.
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.

Docs

Homehttps://reactrouter.com/7.5.0/home

Prompts

No Prompts configured

Context

@diff

Reference all of the changes you've made to your current branch

@codebase

Reference the most relevant snippets from your codebase

@url

Reference the markdown converted contents of a given URL

@folder

Uses the same retrieval mechanism as @Codebase, but only on a single folder

@terminal

Reference the last command you ran in your IDE's terminal and its output

@code

Reference specific functions or classes from throughout your project

@file

Reference any file in your current workspace

Data

No Data configured

MCP Servers

No MCP Servers configured