astro

Guides developers in building Astro components, pages, adapters, and deployments.

5|Updated Apr 6, 2026
One-click install
npx skills add https://github.com/vab1997/skillstui.sh --skill astro-vab1997
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: astro
Source: https://github.com/vab1997/skillstui.sh/tree/main/.agents/skills/astro
Command: npx skills add https://github.com/vab1997/skillstui.sh --skill astro-vab1997

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Astro usage and project setup guidance for building and deploying web apps with Astro, helping developers configure components/pages, adapters, and content workflows.

Core Features & Use Cases

  • Component and page development with Astro
  • Adapter configuration and deployment workflows
  • Project structure conventions and content collections

Quick Start

Create a basic Astro project, configure an adapter, and start the development server to preview changes.

Frequently Asked Questions about astro

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

FAQPage Schema
How do I configure SSR adapters in an Astro project?

To configure SSR adapters in an Astro project, you install the adapter package and update the configuration file to enable server-side rendering. This workflow allows your Astro application to dynamically render pages on demand instead of pre-building static HTML.

What is the best way to organize content collections in Astro?

Organizing content collections in Astro involves using the project structure conventions to define schemas and manage local markdown or MDX files. This mechanism structures your web content and provides type-safe data querying for building pages.

How does islands architecture work when building Astro components?

Islands architecture in Astro works by rendering most components to static HTML, while selectively hydrating specific interactive components on the client. This approach minimizes JavaScript sent to the browser, optimizing web framework performance.

What are the project structure conventions for an Astro web app?

Astro project structure conventions dictate placing pages in the src/pages directory to generate routes and components in src/components. Following these conventions ensures the Astro CLI correctly builds and resolves your web application during development.

How do I deploy a static site built with the Astro web framework?

To deploy a static site built with the Astro web framework, you run the CLI build command to generate static HTML output. You then take the resulting output directory and host it on your preferred static site deployment platform.

Do I need to install an adapter to use SSR with Astro?

Yes, you need to install an adapter to use SSR with Astro because the core web framework defaults to static site generation. Adding an adapter configures the server-side rendering environment required for dynamic page generation.