Organize SPA routes and features with thin wrappers and domain boundaries.
npx skills add https://github.com/kingmacth/lobe-chat --skill spa-routes-kingmacth
Please help me install this Agent Skill. Skill: spa-routes Source: https://github.com/kingmacth/lobe-chat/tree/main/.agents/skills/spa-routes Command: npx skills add https://github.com/kingmacth/lobe-chat --skill spa-routes-kingmacth
This Skill helps teams organize and maintain scalable SPA architectures by separating route declarations from domain logic, ensuring thin route wrappers, and guiding where to place components in src/routes vs src/features.
Create a new SPA route by adding a thin route wrapper under src/routes and delegate all business logic to the corresponding src/features module, then update the router configuration to register the new route.
High-intent search queries and answers about installing and using this skill.
Keep SPA routing thin by using route wrappers in src/routes that delegate all business logic to domain modules in src/features. This separation keeps routing lean, maintainable, and scalable.
Place route-level structure and declarations in src/routes, while business logic and reusable domain components go in src/features. Use features when logic needs reuse across multiple routes.
Migrate route logic by moving business code from src/routes to src/features, leaving thin route wrappers that delegate to domain modules. Apply structural rules to guide routing directory boundaries during the migration.
Yes. The route thin and feature boundary conventions apply to adding or refactoring routes across both desktop and mobile SPA contexts, ensuring consistent domain-driven structural boundaries.
Add a new route segment by creating a thin route wrapper under src/routes that delegates all logic to the corresponding src/features module, then register the new route in the router configuration.
SPA route structure becomes hard to scale when route declarations contain heavy business logic instead of acting as thin wrappers. Separating domain logic into src/features enables reuse and maintains lean routing.
StaysrSeparate SPA routing from features across src/routes and src/features.
Nick777-PixelStructure SPA routes and feature code across route and feature directories.
gileckOrganize client-side code into feature-based folders under src/client/features.
FiventsDesign Next.js App Router REST APIs with layered Route, Controller, Service, and Repository structure.
