skills.rest
jingjing2222
jingjing2222COMMUNITY
Explore all skills by this author →
𝕏@jingjing2238950GitHub

granite-routing

Design and refine Granite routing configurations for MiniApp frontends.

Updated Mar 14, 2026
Search Tags:#frontend#routing#navigation#router#granite#miniapp
One-click install
npx skills add https://github.com/jingjing2222/create-rn-miniapp --skill granite-routing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: granite-routing
Source: https://github.com/jingjing2222/create-rn-miniapp/tree/main/skills/granite-routing
Command: npx skills add https://github.com/jingjing2222/create-rn-miniapp --skill granite-routing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The Granite routing skill helps teams design and refine route paths, page entries, parameters, and navigation flows within a MiniApp frontend built with Granite, ensuring consistency and preventing routing mistakes.

Core Features & Use Cases

  • Design and validate route paths, page entries, and param handling to align with Granite conventions.
  • Enforce routing patterns and prevent forbidden patterns according to frontend policy references.
  • Coordinate entry and implementation layers with router.gen.ts synchronization to maintain a coherent navigation graph.

Quick Start

Review your frontend router setup and adjust route paths, pages, and params to follow Granite conventions.

Frequently Asked Questions about granite-routing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure route paths and page entries for a Granite MiniApp frontend?▼

To configure Granite MiniApp routing, you design route paths, page entries, and parameters while adhering to frontend policy references. This ensures router.gen.ts synchronization and prevents forbidden routing patterns within your navigation graph.

What is router.gen.ts synchronization in MiniApp navigation flows?▼

Router.gen.ts synchronization coordinates entry and implementation layers within Granite MiniApp navigation flows. It maintains a coherent navigation graph by ensuring generated routing files match defined page entries and route paths accurately.

How do I prevent forbidden routing patterns in a Granite MiniApp?▼

Preventing forbidden routing patterns in a Granite MiniApp involves enforcing routing rules according to frontend policy references. You validate route paths and parameter handling against these documented conventions to maintain strict adherence during navigation design.

Does this routing configuration approach work for any MiniApp frontend?▼

This routing configuration approach applies specifically to MiniApp frontends built with Granite. It focuses on aligning route paths and navigation flows with Granite conventions and frontend policy references to maintain stable MiniApps tailored to this framework.

Why does my Granite MiniApp navigation graph break after parameter changes?▼

Your Granite MiniApp navigation graph may break after parameter changes due to missing router.gen.ts synchronization. Coordinating the entry and implementation layers ensures parameter adjustments align properly with updated routing configurations and page entries.

Related Skills

Explore More Software Engineering Skills→
grvpanchalgrvpanchal
1

server-router

Configure client-side routing with React Router, Vue Router, or Angular Router.

Community
Intermediate
jherrjherr

tanstack-start-typesafe-routing

Create type-safe links and navigation in TanStack Start with TypeScript and Zod.

Community
Intermediate
PremModhaOfficialPremModhaOfficial
1

react-router-patterns

Implement React Router v7 routing patterns with guards, layouts, and lazy loading.

Community
Advanced
lespacemanlespaceman
4

virtual-file-routes

Define and manage TanStack Router route trees with virtual and physical routes.

Community
Intermediate