skills.rest
wordshepherd
wordshepherdOFFICIAL
Explore all skills by this author →
GitHub

new-page

Generate Next.js pages and components in apps/web/src/app/ with authentication.

Updated Feb 10, 2026
Search Tags:#code generation#scaffolding#dashboard#nextjs#component creation#page generation
One-click install
npx skills add https://github.com/wordshepherd/colophony --skill new-page-wordshepherd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: new-page
Source: https://github.com/wordshepherd/colophony/tree/main/.claude/skills/new-page
Command: npx skills add https://github.com/wordshepherd/colophony --skill new-page-wordshepherd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the creation of new pages within the Colophony dashboard by automating the setup of file structure, authentication, and basic component scaffolding.

Core Features & Use Cases

  • Page Generation: Creates new page files in the correct directory (apps/web/src/app/).
  • Component Scaffolding: Optionally generates accompanying React component files.
  • Auth Integration: Automatically includes necessary authentication protection and organization context.
  • Use Case: A developer needs to add a new "Reports" section to the dashboard. Using this skill, they can quickly generate the necessary page and component files, pre-configured with authentication, saving manual setup time.

Quick Start

Use the new-page skill to create a new page at the route /settings/privacy.

Frequently Asked Questions about new-page

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

FAQPage Schema
How do I scaffold new Next.js dashboard pages with authentication built in?▼

To scaffold Next.js dashboard pages, this Skill automates file creation in `apps/web/src/app/` with predefined patterns for authentication and organization context. It generates secure routes by default without requiring manual auth setup.

What is the best way to add a new route group for auth pages in a Next.js application?▼

The best way to add route groups for auth pages is using predefined configuration patterns that generate the necessary file structure. This separates authentication routes from standard dashboard routes within the Next.js application.

Can I automatically generate React components when creating a new Next.js page?▼

Yes, you can automatically generate accompanying React component files alongside new Next.js pages. The component scaffolding establishes basic UI structure automatically, saving manual file creation time during dashboard development.

Does this page generation tool support role-based access control for dashboard routes?▼

Yes, page generation supports role-based access control for dashboard routes. The Skill integrates access control configurations during file creation, ensuring proper user permissions are enforced on newly scaffolded pages.

Do I need to manually configure organization context for every new page in my dashboard?▼

No, manual organization context configuration is unnecessary. The Skill automatically includes the required organization context and authentication protection within generated page files, streamlining dashboard setup and reducing boilerplate code.

Related Skills

Explore More Software Engineering Skills→
Aqsagull99Aqsagull99

nextjs-skill

Build Next.js 16+ apps with App Router, server components, and API routes.

Community
Intermediate
albanistalbanist
4

umbraco-entry-point

Implement custom initialization logic and UI extensions in the Umbraco backoffice.

Community
Intermediate
mgsystemsdevmgsystemsdev

streamlit-designer

Analyze existing Streamlit app structure to generate a runnable UI implementation.

Community
Advanced
Sim-hub22Sim-hub22

clerk

Configure Clerk authentication for Next.js, custom UI flows, and iOS.

Community
Intermediate