page-scaffold

Create Next.js pages with SEO metadata and auth-aware layouts.

1|Updated Mar 21, 2026
One-click install
npx skills add https://github.com/spuneiartur/claude-agent-specs --skill page-scaffold
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-scaffold
Source: https://github.com/spuneiartur/claude-agent-specs/tree/main/next-js/skills/skills/page-scaffold
Command: npx skills add https://github.com/spuneiartur/claude-agent-specs --skill page-scaffold

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automate the creation of Next.js pages that conform to the project's Pages Router conventions.

Core Features & Use Cases

  • Create public, admin, and dynamic pages following the project's routing patterns.
  • Ensure SEO hooks and Layouts are applied consistently across pages.
  • Handle file naming, folder structure, and URL mapping for new routes.

Quick Start

Create a new Next.js page at a given route with public, admin, and dynamic support, including SEO metadata.

Frequently Asked Questions about page-scaffold

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

FAQPage Schema
How do I scaffold new Next.js pages with dynamic routes and SEO metadata?

To scaffold Next.js pages with dynamic routes and SEO, this Skill automates file creation to conform to Pages Router conventions, ensuring structured folder mapping, explicit naming, and integrated SEO hooks.

What is the best way to generate auth-aware admin pages in a Next.js Pages Router project?

Generating auth-aware admin pages is handled by applying consistent layouts and routing patterns during page scaffolding, ensuring new admin routes automatically integrate with the project's authentication structure.

How do I create a new public landing page in Next.js while maintaining consistent routing and SEO?

Creating a public landing page involves scaffolding the route with explicit file naming and folder structure, automatically applying SEO hooks and public layouts to maintain consistency across the Next.js application.

Does this Next.js page scaffolding approach support dynamic routes out of the box?

Yes, the scaffolding process fully supports dynamic routes by mapping URL parameters to the correct file structure and folder conventions defined by the Next.js Pages Router.

Can I use this to add SEO metadata automatically when creating new Next.js routes?

Yes, you can automatically add SEO metadata when creating new Next.js routes, as the scaffolding process ensures SEO hooks are explicitly applied to every new page file.

Why should I automate Next.js page scaffolding instead of manually creating files?

Automating Next.js page scaffolding ensures explicit file naming, consistent folder structure, and correct URL mapping, eliminating manual errors and guaranteeing that layouts and SEO hooks are applied uniformly.