create-page

Automates new page scaffolding for agentconfig.org with HTML, renderer, component, data file, and registry wiring.

7|3|Updated Jan 9, 2026
One-click install
npx skills add https://github.com/agentconfig/agentconfig.org --skill create-page-agentconfig
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-page
Source: https://github.com/agentconfig/agentconfig.org/tree/main/.github/skills/create-page
Command: npx skills add https://github.com/agentconfig/agentconfig.org --skill create-page-agentconfig

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create a standardized scaffold for new pages on agentconfig.org, reducing manual setup and ensuring consistent structure across the site.

Core Features & Use Cases

  • Generates HTML entry point at site/{slug}/index.html
  • Creates a page renderer at site/src/pages/{slug}.tsx
  • Creates a page component at site/src/components/{Name}Page/
  • Creates data file at site/src/data/{slug}Tutorial.ts
  • Sets up Vite entry, navigation link, and a Page registry entry for llms generation
  • Helps add major sections like /skills, /agents, or /mcp with consistent metadata

Quick Start

Create a new page scaffold by invoking this skill with the desired slug and label, following the project's naming conventions.

Frequently Asked Questions about create-page

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

FAQPage Schema
How do I scaffold a new page in a Vite project with full routing and component wiring?

Scaffolding a new page automatically generates the HTML entry point, Vite configuration, React page renderer, component directory, and data file. It ensures consistent project structure and full routing wiring by providing the desired slug and label.

What is the best way to add a new top-level route like /skills to a website while maintaining consistent structure?

The best way to add a top-level route is using an automated scaffold that creates the HTML entry, renderer, and component files simultaneously. This enforces naming conventions and updates the navigation and page registry automatically for llms.txt compatibility.

Do I need to manually update the page registry and navigation links when adding a new website page?

You do not need to manually update the page registry or navigation. The scaffold process automatically sets up the Vite entry, adds the navigation link, and creates a Page registry entry for llms generation as part of the file creation workflow.

Can I use an automated scaffold to generate a data file and component for a new website section?

Yes, you can use an automated scaffold to generate a data file and component. It creates a page component at site/src/components/{Name}Page/ and a data file at site/src/data/{slug}Tutorial.ts, ensuring the new section has the required architectural layers.

What slug naming conventions are required when scaffolding new site pages?

Scaffolding new site pages requires exact slug and naming conventions to correctly generate the HTML entry, renderer, and component paths. Following the project's specific naming conventions ensures the Vite entry and page registry wiring function properly.