page

Generate new Next.js pages from predefined templates and existing code patterns.

Updated Mar 7, 2026
One-click install
npx skills add https://github.com/Boristoka/claude-craft --skill page
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page
Source: https://github.com/Boristoka/claude-craft/tree/main/.claude/skills/page
Command: npx skills add https://github.com/Boristoka/claude-craft --skill page

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the process of adding new, styled pages to your Next.js website, ensuring consistency and saving development time.

Core Features & Use Cases

  • Page Generation: Creates new pages based on predefined templates for various content types (pricing, portfolio, blog, etc.).
  • Consistent Styling: Ensures new pages match the existing design system and tone of voice.
  • Use Case: You need to add a "Pricing" page to your company website. Use this Skill to generate a fully styled pricing page with different plan options, ready for content customization.

Quick Start

Use the page skill to add a new pricing page to your website.

Frequently Asked Questions about page

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

FAQPage Schema
How do I generate a new pricing page in Next.js?

You can generate a new pricing page in Next.js by using a page generation skill that applies predefined templates, creating fully styled pages that match your existing design system and project structure for immediate content customization.

What is the best way to add a blog page to a Next.js website while maintaining stylistic consistency?

The best way to add a blog page while maintaining stylistic consistency is to use a code generation approach that analyzes existing code patterns. This ensures the new blog page adheres to your current design system and tone of voice automatically.

Does Next.js page generation work with React Server Components routing conventions?

Yes, Next.js page generation works with React Server Components and requires understanding their routing conventions. The generated pages are structured to adhere to these specific conventions, ensuring proper integration within your existing Next.js application architecture.

Can I use predefined templates to add a portfolio or team page to my website?

Yes, you can use predefined templates to add portfolio or team pages to your website. The page generation process supports creating pages for various content types including pricing, portfolio, blog, team, FAQ, and careers, ensuring consistent styling across all additions.

How do I ensure my new FAQ page adheres to my existing Next.js project structure?

To ensure your new FAQ page adheres to your existing Next.js project structure, use a page generation skill that leverages your existing code patterns. This automatically aligns the new page routing and styling with your current architectural conventions.