astro

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

1|1|Updated Apr 20, 2026
One-click install
npx skills add https://github.com/svssdeva/agentic-skills --skill astro-svssdeva
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: astro
Source: https://github.com/svssdeva/agentic-skills/tree/main/astro/astro
Command: npx skills add https://github.com/svssdeva/agentic-skills --skill astro-svssdeva

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps you set up and operate an Astro project correctly so you can build pages, components, and deployments without getting stuck on configuration, structure, or missing prerequisites.

Core Features & Use Cases

  • Project structure guidance: Ensures you place routes in src/pages and understand how components, layouts, styles, and public assets fit together.
  • CLI workflow coverage: Covers common Astro commands for local development, building, checking, adding integrations, and syncing types after module changes.
  • Adapter-based deployments: Guides adapter selection and a safe deployment checklist after builds.

Quick Start

Add a page by creating src/pages/index.astro with your route content, then run the build after confirming your astro.config includes your site URL.

Frequently Asked Questions about astro

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

FAQPage Schema
How do I configure an Astro static site project for serverless deployment?

To configure an Astro static site for serverless deployment, install the correct adapter in your project, update the astro.config file to reference the adapter, and run the build-check-deploy steps to produce serverless build artifacts.

How do I set up routing and pages in an Astro web framework project?

Astro routing uses a file-based structure where you create your page routes inside the src/pages directory, and the framework automatically generates the paths to build your content-driven web project.

What CLI commands do I need to build and check an Astro project?

Astro CLI commands cover local development, building, checking, adding integrations, and syncing types after module changes to validate configuration and produce deployment-ready build artifacts.

Do I need to specify a site URL in my Astro configuration?

Yes, specifying a site URL in your astro.config is a core configuration option required to validate your setup and correctly generate canonical links and build artifacts for your web project.

How does adapter-based deployment work for Astro content-driven apps?

Adapter-based deployment works by selecting a specific adapter in your configuration, running a build, performing a safe deployment checklist, and outputting build artifacts targeted for serverless or edge environments.

What is the correct project structure for an Astro app?

The correct Astro project structure places routes in src/pages, with components, layouts, and styles organized alongside public assets to ensure predictable builds and proper content-driven app operation.