astro

Review Astro framework code and project configuration for correctness.

20|4|Updated May 14, 2026
One-click install
npx skills add https://github.com/crewrig/crewrig --skill astro-crewrig
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: astro
Source: https://github.com/crewrig/crewrig/tree/main/artifacts/core/skills/astro
Command: npx skills add https://github.com/crewrig/crewrig --skill astro-crewrig

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you author, review, and troubleshoot Astro projects by giving you framework-specific guidance for components, routing, content collections, rendering modes, integrations, deployment, performance, and security.

Core Features & Use Cases

  • Component Authoring: Work with Astro component syntax, props, slots, scoped styles, and server-side frontmatter.
  • Rendering & Routing: Choose between static, SSR, and hybrid output while handling file-based routes and dynamic paths correctly.
  • Production Guidance: Configure integrations, optimize images and scripts, manage environment variables safely, and deploy to common hosting targets.
  • Use Case: Use this Skill when reviewing an .astro page, diagnosing a build failure, or deciding whether a route should be prerendered or rendered on demand.

Quick Start

Ask the assistant to review your Astro file or project setup and recommend the correct component, routing, rendering, and deployment changes.

Frequently Asked Questions about astro

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

FAQPage Schema
How do I configure Astro components for server-side rendering and client islands?

Astro components for server-side rendering and client islands are configured by writing server logic in frontmatter and adding hydration directives to interactive elements. This aligns with Astro's server-first rendering model to optimize component authoring.

What is the best way to handle dynamic routing and content collections in an Astro project?

Dynamic routing and content collections in an Astro project are handled using file-based routing with dynamic path parameters and typed content collection schemas. This approach ensures correct static generation and server-side rendering output for your routes.

How do I decide whether an Astro route should be prerendered or rendered on demand?

Decide whether an Astro route should be prerendered or rendered on demand by evaluating if the page requires static site generation or dynamic server-side rendering. Use hybrid output to configure static and on-demand pages within the same project.

How do I manage environment variables safely when deploying Astro sites with SSR adapters?

Manage environment variables safely when deploying Astro sites with SSR adapters by following environment-variable safety rules in server-side frontmatter. This prevents sensitive configuration data from leaking to the client during static site generation and server-side rendering.

Does Astro work with deployment adapters for common hosting targets and performance tuning?

Astro works with deployment adapters for common hosting targets by configuring build settings and integrations. Performance tuning is achieved through optimizing images and scripts within the server-first rendering model to ensure faster site builds and deployments.