Standardize top-level app views with a shared page blueprint and AppView routing.
npx skills add https://github.com/Clay-Ferguson/mkbrowser --skill app-pages
Please help me install this Agent Skill. Skill: app-pages Source: https://github.com/Clay-Ferguson/mkbrowser/tree/main/.claude/skills/pages Command: npx skills add https://github.com/Clay-Ferguson/mkbrowser --skill app-pages
Managing multiple top-level pages across an app often leads to inconsistent component patterns and navigation behavior. A shared page blueprint ensures uniform structure, predictable routing, and easier collaboration for developers.
Create a new page following the app-pages pattern, add a tab button in the top panel, and wire the page to the AppView type in src/store/types.ts.
High-intent search queries and answers about installing and using this skill.
Standardize top-level views in a React single-page application by applying a reusable page blueprint that ensures consistent component structure, predictable AppView routing, and centralized navigation mapping across browser, search-results, and settings pages.
The best way to add a new feature page is to follow the page component blueprint, wire the new page to the AppView type in the store, and add a corresponding tab button in the top navigation panel for consistent routing.
AppView mapping works by providing a single source of truth in the store that links top-level views to their corresponding page components, ensuring navigation remains predictable and consistent across the single-page application.
Yes, you can integrate state management and tabs by wiring page components to the store types and adding tab buttons in the top panel, ensuring new pages extend AppView routing without breaking existing navigation structures.
TypeScript is used to define the AppView routing types and store mappings, ensuring type-safe integration when onboarding new feature pages and extending the application's top-level navigation structure.
Inconsistent component patterns and navigation behavior occur when multiple top-level pages lack a shared blueprint, which this pattern solves by enforcing uniform structure, predictable routing, and a single source of truth for AppView mapping.
involvexSet up a Bun development server with WebSocket HMR and live reload.
Camilo8902Generate page layouts and shells for dashboards, authentication, settings, and CRUD interfaces.
zinohomeGenerate page layouts and shells for common web application patterns.
mambisiManage SPA routing with route guards, loaders, and client-side navigation in pocopine.
