This skill provides routing patterns for frontend applications.
1. Principles
Keep routing structure predictable and discoverable.
Lazy-load route-level components when they are heavy.
Keep route params validated and typed where possible.
2. Nested routing (common pattern)
Prefer nested routes for step-by-step flows and detail pages.
Keep shared layout components at a parent route level to avoid remount churn.
3. Links and navigation
Prefer declarative navigation (<Link> components) over imperative navigation when possible.
Ensure active states and breadcrumbs are consistent (if used).
Converted and distributed by TomeVault — claim your Tome and manage your conversions.
1---2name: willyu1007-ai-first-template-routing-guide3description: Routing Guide4---56# Routing Guide78This skill provides routing patterns for frontend applications.910---1112## 1. Principles1314- Keep routing structure predictable and discoverable.15- Lazy-load route-level components when they are heavy.16- Keep route params validated and typed where possible.1718---1920## 2. Nested routing (common pattern)2122- Prefer nested routes for step-by-step flows and detail pages.23- Keep shared layout components at a parent route level to avoid remount churn.2425---2627## 3. Links and navigation2829- Prefer declarative navigation (`<Link>` components) over imperative navigation when possible.30- Ensure active states and breadcrumbs are consistent (if used).3132---33> Converted and distributed by [TomeVault](https://tomevault.io/claim/willyu1007) — claim your Tome and manage your conversions.34<!-- tomevault:4.0:skill_md:2026-04-15 -->
Run npx skillmds@latest add tomevault-io/willyu1007-ai-first-template-routing-guide in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Routing Guide It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.
tomevault-io