add-page

Generates multilingual pages with shared components and SEO metadata for Astro applications.

3|1|Updated May 15, 2025
One-click install
npx skills add https://github.com/xergioalex/xergioalex.com --skill add-page
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-page
Source: https://github.com/xergioalex/xergioalex.com/tree/main/.claude/skills/add-page
Command: npx skills add https://github.com/xergioalex/xergioalex.com --skill add-page

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of new pages in an Astro application, ensuring they are correctly routed, use the main layout, and are SEO-ready across all supported languages.

Core Features & Use Cases

  • Multilingual Page Creation: Generates pages in all active languages (e.g., English and Spanish) simultaneously.
  • Standardized Structure: Enforces the use of shared page components and thin per-language wrappers.
  • SEO Optimization: Includes title and description for search engine visibility.
  • Use Case: When launching a new "About Us" section, use this Skill to create /about and /es/about pages, along with their corresponding content files, ensuring consistency and saving development time.

Quick Start

Create a new page named 'contact' with the title 'Contact Us' and description 'Get in touch with us'.

Frequently Asked Questions about add-page

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

FAQPage Schema
How do I create multilingual pages in Astro across all supported languages at once?

Creating multilingual pages in Astro involves generating shared page components and thin per-language wrappers for all active languages. This process maintains multilingual parity by enforcing MainLayout usage and creating agent-friendly Markdown source files for content discovery.

What's the best way to automate SEO optimization when adding new routes in an Astro application?

Automating SEO optimization for new Astro routes requires generating pages that include title and description properties for search engine visibility. This approach ensures all newly created pages are SEO-ready while enforcing the use of MainLayout across every active language.

Does Astro support generating shared page components with thin per-language wrappers for multilingual content?

Astro supports generating shared page components with thin per-language wrappers through automated page creation processes. This structure enforces multilingual parity by creating agent-friendly Markdown source files and applying MainLayout across all active languages simultaneously.

How do I add a new page in Astro with proper routing and layout enforcement?

Adding a new page in Astro with proper routing requires generating the page with enforced MainLayout usage and SEO properties. The process creates shared page components and per-language wrappers, ensuring correct routing across all active languages.

Can I create a new Astro page in multiple languages without manually duplicating the layout for each locale?

Creating Astro pages in multiple languages without manual duplication uses automated generation of shared page components and thin per-language wrappers. This enforces MainLayout usage and maintains multilingual parity across all active languages simultaneously.

Why does my Astro multilingual setup lose SEO parity across different language routes?

Multilingual SEO parity in Astro is lost when pages are created manually without standardized structures. Using automated page creation enforces SEO properties like title and description, applies MainLayout consistently, and generates agent-friendly Markdown files across all active languages.