astro

Name: astro
Availability: InStock
Author: 7lemaitre7

Create .astro components and configure islands for content-driven websites.

Updated May 28, 2026

Search Tags:#deployment #astro #ssr #static-site #content-collections #web-framework #islands

Ready to run

npx skills add https://github.com/7Lemaitre7/xp-prj --skill astro-7lemaitre7

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: astro
Source: https://github.com/7Lemaitre7/xp-prj/tree/main/.agents/skills/astro
Command: npx skills add https://github.com/7Lemaitre7/xp-prj --skill astro-7lemaitre7

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Astro helps you build fast, content-driven websites by unifying component-driven UI with optimized rendering and flexible deployment options.

Core Features & Use Cases

Component and page development with .astro files and islands architecture
Content collections, routing, and static site generation (SSG) with adapters
Deployable projects with SSR adapters and streamlined project structure

Quick Start

Create a new Astro project using the default scaffold and start a page to see components render.

Frequently Asked Questions about astro

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

FAQPage Schema

How do I build content-driven websites with the Astro web framework?▼

To build content-driven websites with Astro, you use .astro files for component and page development, manage content collections, and configure static site generation or SSR adapters to deploy your optimized project across different hosting platforms.

What is the islands architecture and how does it work in Astro?▼

The islands architecture in Astro allows you to embed interactive framework components into static HTML pages. Only the components marked as islands ship JavaScript to the browser, keeping the rest of the page static and ensuring fast rendering for content-driven sites.

How do I configure SSR adapters for an Astro project?▼

Configuring SSR adapters involves selecting an adapter for your target hosting environment and adding it to your Astro project configuration. This enables dynamic server-side rendering alongside static site generation for your web application.

How do I manage content collections in Astro?▼

Managing content collections in Astro involves defining a content model and organizing your markdown or MDX files into structured collections. This provides type-safe content querying and validation as you build out your routes and static pages.

Can I use Astro for both static site generation and dynamic SSR?▼

Yes, Astro supports both static site generation and dynamic SSR. You can use SSR adapters to render specific routes dynamically on demand while keeping the rest of your content-driven website as pre-built static HTML.

What's the best way to deploy an Astro site?▼

Deploying an Astro site requires choosing between static hosting for pre-built SSG output or dynamic hosting configured with an SSR adapter. The framework streamlines this build and deploy workflow based on your chosen rendering strategy.