Create React Router 7 routes with type-safe imports, loaders, and actions.
npx skills add https://github.com/tech-with-seth/iridium --skill create-route
Please help me install this Agent Skill. Skill: create-route Source: https://github.com/tech-with-seth/iridium/tree/main/.github/skills/create-route Command: npx skills add https://github.com/tech-with-seth/iridium --skill create-route
This skill helps developers create React Router 7 routes with proper type imports, loaders, and actions, ensuring consistent patterns when adding new pages, API endpoints, layouts, or route files.
Create a new route by following the provided templates and examples: add a page under app/routes/, implement a loader and an action using the type-import pattern, and register the route in app/routes.ts.
High-intent search queries and answers about installing and using this skill.
Scaffolding a React Router 7 route involves generating files with type-safe imports and exported loaders and actions. This process ensures correct route file structure and type safety by applying consistent templates and documented examples.
The correct file structure places new page routes under app/routes and registers them in app/routes.ts. Route files must implement loaders and actions using the type-import pattern to ensure consistent project conventions.
Yes, React Router 7 supports type-safe imports for loaders and actions. Route creation enforces this by generating boilerplate templates that align with the route structure, ensuring type-safe exports and consistent patterns.
Yes, this route scaffolding approach applies to adding new pages, API endpoints, and layouts. It ensures consistent patterns and correct type-safe imports across all generated route files within your project.
The best way to ensure consistent React Router 7 route patterns is to automate route creation using templates. This enforces proper type imports, loader structures, and action boilerplate across all new files.
Type-import patterns are needed in React Router 7 route files to enforce type safety across loaders and actions. Applying these patterns via templates guarantees that the route file structure remains type-safe and conventionally aligned.
MadAppGangConfigure type-safe file-based routes for React with TanStack Router.
spqwGenerate dynamic web pages in Observable Framework using parameterized routes and data loaders.
KlotzJesseCreate type-safe React components and hooks in TypeScript for React 18/19.
AincFhGenerate RESTful API endpoint templates with Loader and Action scaffolds for React Router v7.
