skills.rest
bluewaves-creations
bluewaves-creationsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

new-page

Generate Astro page files with layouts, dark mode, and navigation options.

1|Updated Feb 21, 2026
Search Tags:#web development#routing#scaffolding#astro#ssr#page generation
One-click install
npx skills add https://github.com/bluewaves-creations/website-foundation --skill new-page-bluewaves-creations
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: new-page
Source: https://github.com/bluewaves-creations/website-foundation/tree/main/.claude/skills/new-page
Command: npx skills add https://github.com/bluewaves-creations/website-foundation --skill new-page-bluewaves-creations

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the creation of new Astro pages, ensuring they adhere to project conventions for layout, dark mode, and routing.

Core Features & Use Cases

  • Automated Page Scaffolding: Generates new .astro page files with pre-configured frontmatter and basic HTML structure.
  • Static & SSR Support: Differentiates between static (prerendered) and Server-Side Rendered (SSR) pages, configuring them appropriately.
  • Navigation Integration: Optionally adds new pages to the site's header navigation.
  • Use Case: When you need to add a new "About Us" page or a "Services" section to your Astro website, this skill will create the necessary file and structure, saving you from manually setting up the boilerplate.

Quick Start

Use the new-page skill to create a new page named 'about-us'.

Frequently Asked Questions about new-page

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

FAQPage Schema
How do I create a new Astro page with dark mode and layout support?▼

To create a new Astro page with dark mode support, this Skill generates the `.astro` file with pre-configured frontmatter and a basic HTML structure that adheres to predefined project layouts and conventions.

What's the best way to scaffold an Astro SSR page instead of a static one?▼

Scaffolding an Astro SSR page is handled by configuring the generated file for server-side rendering instead of static prerendering, ensuring the output matches your project's specific rendering requirements.

Can I automatically add a newly generated Astro page to the site navigation?▼

Yes, you can automatically add a newly generated Astro page to the site navigation. The Skill includes options for navigation integration to link new pages directly within the site header.

Does Astro page generation work for both static and server-side rendered routes?▼

Astro page generation works for both static and server-side rendered routes. The Skill differentiates between static and SSR page types, configuring the output appropriately for your routing setup.

Why do I need to define a page layout when adding new routes in Astro?▼

Defining a page layout when adding new routes in Astro ensures adherence to project conventions for content presentation and dark mode. It provides the necessary HTML structure and frontmatter boilerplate for the route.

Related Skills

Explore More Software Engineering Skills→
kegbikegbi
1

astro

Scaffold, configure, and run Astro projects using the Astro CLI.

Community
Intermediate
svssdevasvssdeva
1

astro

Configure Astro projects with src/pages routing and adapter-based deployments.

Community
Intermediate
etylsarinetylsarin
59

astro-framework

Applies Astro best practices for pages, layouts, components, and content collections.

Community
Advanced
fjavidcrfjavidcr

astro

Scaffold and configure Astro projects with CLI and adapter guidance.

Community
Intermediate