Scaffold Next.js App Router pages with TypeScript and metadata.
npx skills add https://github.com/gpaura/claude_plugins --skill page-new
Please help me install this Agent Skill. Skill: page-new Source: https://github.com/gpaura/claude_plugins/tree/main/skills/page-new Command: npx skills add https://github.com/gpaura/claude_plugins --skill page-new
This Skill scaffolds a new Next.js App Router page, providing the correct file structure and sensible defaults to accelerate project setup.
Generate a new Next.js page at a specified route following App Router conventions. Example: create a page for /about that renders data via a server component and includes basic metadata.
High-intent search queries and answers about installing and using this skill.
To scaffold a new Next.js App Router page, this skill generates the standard file structure including page.tsx, sensible TypeScript defaults, server components by default, and metadata blocks for SEO to accelerate project setup.
The default component type for Next.js App Router pages is server components. This skill enforces server components by default while providing TypeScript typings and metadata scaffolding for static and dynamic routes.
To generate a dynamic route in Next.js 15, this skill scaffolds the App Router file structure with TypeScript typings, supporting both static and dynamic pages while enforcing best practices for rapid route creation.
Yes, you can optionally generate loading.tsx, error.tsx, layout.tsx, and not-found.tsx files. This skill scaffolds these standard App Router files alongside page.tsx to provide sensible defaults for the route.
Yes, the page scaffold includes a ready-to-use metadata block for titles and descriptions. It generates standard App Router pages with TypeScript typings and metadata scaffolding to support SEO best practices.
The best way to set up a static Next.js page is using a scaffold that generates the App Router file structure with sensible defaults. This skill creates page.tsx with TypeScript types, server components, and a ready-to-use metadata block.
School-Agent-IncScaffold Next.js/React websites with App Router, TypeScript, and Tailwind CSS.
Cyberworld-buildersFetch data in Next.js server components using dynamic URL parameters.
AgentientEnforce Next.js App Router file conventions for pages, layouts, and API routes.
ggombeeCreate React Single Page Applications with Vite or Create React App.
