Scaffolds a four-layer server-rendered page with SSR, hydration, routing, and webpack wiring.
npx skills add https://github.com/astashov/liftosaur --skill add-page-astashov
Please help me install this Agent Skill. Skill: add-page Source: https://github.com/astashov/liftosaur/tree/main/.claude/skills/add-page Command: npx skills add https://github.com/astashov/liftosaur --skill add-page-astashov
Add a new server-rendered page to Liftosaur at a specified route, enabling SSR, routing, and client hydration with a consistent project structure.
Provide the route-path and a brief page description, and the system will scaffold the four-layer page accordingly.
High-intent search queries and answers about installing and using this skill.
To add a new server-rendered page, you provide a route-path and a page description. The system scaffolds a four-layer page architecture, wiring lambda render, HTML component, content component, and client entry for hydration.
Scaffolding a public server-side rendering route requires a target route-path and a brief page description. The system validates these inputs against existing patterns to ensure a consistent project structure across all layers.
Routing and hydration wiring integrates automatically by updating webpack, lambda routes, redirects, and TopNavMenu. This ensures the new server-rendered page connects correctly with client hydration and existing navigation structures.
The best way to structure server-rendered pages is to use a scaffolding tool that validates against existing patterns. This ensures your four-layer page architecture, routing, and metadata remain consistent with the project.
Yes, you can scaffold pages without manual configuration. The system automatically handles wiring steps across webpack, lambda routes, and redirects, ensuring the new page integrates seamlessly into the server-rendered architecture.
Adding a new route requires a four-layer page architecture to properly separate lambda rendering, HTML structure, content components, and client entry points. This separation ensures optimal server rendering and client hydration performance.
TanStackEnable file-based routing and automatic code splitting for TanStack Router across Vite, Webpack, Rspack, and esbuild.
konamgilImplement Mandu island hydration patterns for partial client-side interactivity.
adelproApply best-practice patterns to Next.js App Router projects.
Kinfe123Explain hydration strategies for server-rendered HTML and client interactivity.
