astro SKILL.md skillA

astro from sickn33/agentic-awesome-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

mdr add sickn33/agentic-awesome-skills/astro@git:20260708.a07936c

Pins git:20260708.a07936c in mdr.lock. Pin the fingerprint instead.

Audit grade

A, 17 of 17 checks passed

Kind

SKILL.md skill

Repository

sickn33/agentic-awesome-skills

Path

plugins/agentic-awesome-skills-claude/skills/astro/SKILL.md

Versions recorded

1

Latest version

git:20260708.a07936c, committed Jul 8, 2026

Size

10,541 bytes

Repository stars

49,071

License

MIT

Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Astro Web Framework

## Overview

Astro is a web framework designed for content-rich websites — blogs, docs, portfolios, marketing sites, and e-commerce. Its core innovation is the **Islands Architecture**: by default, Astro ships zero JavaScript to the browser. Interactive components are selectively hydrated as isolated "islands." Astro supports React, Vue, Svelte, Solid, and other UI frameworks simultaneously in the same project, letting you pick the right tool per component.

## When to Use This Skill

- Use when building a blog, documentation site, marketing page, or portfolio
- Use when performance and Core Web Vitals are the top priority
- Use when the project is content-heavy with Markdown or MDX files
- Use when you want SSG (static) output with optional SSR for dynamic routes
- Use when the user asks about `.astro` files, `Astro.props`, content collections, or `client:` directives

## How It Works

### Step 1: Project Setup

```bash
npm create astro@latest my-site
cd my-site
npm install
npm run dev
```

Add integrations as needed:

```bash
npx astro add tailwind        # Tailwind CSS
npx astro add react           # React component support
…

Read the whole file at its exact version.

How to install

mdr add sickn33/agentic-awesome-skills/astro@sha256:6229a3c98861a28d

[![mdr](https://markdownregistry.com/badge/art_kl6lmqzwn365jgga.svg)](https://markdownregistry.com/a/art_kl6lmqzwn365jgga)

Versions

The registry has recorded 1 version of this file, committed on Jul 8, 2026.

Audit of the latest version

Source

API

GET https://markdownregistry.com/api/v1/artifacts/art_kl6lmqzwn365jgga
GET https://markdownregistry.com/api/v1/resolve?ref=sickn33/agentic-awesome-skills/astro
GET https://markdownregistry.com/api/v1/blob/6229a3c98861a28d8f1c48b048e21f17b3b8ab61a9f8cf35bf8fc9f87aac9b53

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from sickn33/agentic-awesome-skills

Every file in sickn33/agentic-awesome-skills

Other files named astro

Browse by kind, by grade A, or by owner.