Skill for building with the Astro web framework. Helps create Astro components and pages, configure SSR adapters, set up content collections, deploy static sites, and manage project structure and CLI commands. Use when the user needs to work with Astro, mentions .astro files, asks about static site generation (SSG), islands architecture, content collections, or deploying an Astro project.
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 Usage Guide
**Always consult [docs.astro.build](https://docs.astro.build) for code examples and latest API.**
Astro is the web framework for content-driven websites.
---
## Quick Reference
### File Location
CLI looks for `astro.config.js`, `astro.config.mjs`, `astro.config.cjs`, and `astro.config.ts` in: `./`. Use `--config` for custom path.
### CLI Commands
- `npx astro dev` - Start the development server.
- `npx astro build` - Build your project and write it to disk.
- `npx astro check` - Check your project for errors.
- `npx astro add` - Add an integration.
- `npx astro sync` - Generate TypeScript types for all Astro modules.
**Re-run after adding/changing plugins.**
### Project Structure
Reference [project structure docs](https://docs.astro.build/en/basics/project-structure).
- `src/*` - Project source code (components, pages, styles, images, etc.)
- `src/pages` - **Required.** Defines all pages and routes.
- `src/components` - Components (convention, not required).
- `src/layouts` - Layout components (convention, not required).
- `src/styles` - CSS/Sass files (convention, not required).
…
The line at the top of this page pins the label v0.0.1, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_g4ujnqagjq66ktoj
GET https://markdownregistry.com/api/v1/resolve?ref=devantler-tech/agent-plugins/astro
GET https://markdownregistry.com/api/v1/blob/b4dd62b9bad6dba8e2d73a91b1702a3f84826701f00cf3d39ef11b8114b4e194
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.
devantler-tech/agent-plugins · plugins/agentic-engineering/skills/agent-improvement/SKILL.md · How a meta-engineer improves an autonomous AI engineer from the OUTSIDE — mining the agent's own operational telemetry…
devantler-tech/agent-plugins · plugins/agentic-engineering/skills/agent-instructions/SKILL.md · Architect a repository's AI-agent instruction files so one canonical source drives every tool without drift — AGENTS.md…
devantler-tech/agent-plugins · plugins/agentic-engineering/skills/find-skills/SKILL.md · Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is…
devantler-tech/agent-plugins · plugins/agentic-engineering/skills/grilling/SKILL.md · Grill the user relentlessly about a plan, decision, or idea. Use when the user wants to stress-test their thinking, or…
devantler-tech/agent-plugins · plugins/agentic-engineering/skills/portfolio-maintenance/SKILL.md · The run loop for an autonomous AI engineer acting as a portfolio's primary engineer — pre-flight, resume in-flight work…
devantler-tech/agent-plugins · plugins/agentic-engineering/skills/product-documentation/SKILL.md · Build or maintain user documentation sites for software products, including tutorials, task guides, API reference and…
devantler-tech/agent-plugins · plugins/agentic-engineering/skills/product-engineering/SKILL.md · The ADVANCE playbook for an autonomous AI engineer — how to move a product forward once it is healthy: product strategy…
devantler-tech/agent-plugins · plugins/agentic-engineering/skills/prototype/SKILL.md · Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model…
devantler-tech/agent-plugins · plugins/agentic-engineering/skills/self-improvement/SKILL.md · How an autonomous AI engineer improves its OWN definition (its engineering contract, agent definitions, and skills)…
devantler-tech/agent-plugins · plugins/engineering-practices/skills/conventional-release/SKILL.md · Ship changes through a squash-merge + Conventional Commits release pipeline where the PR title becomes the release note…
ericrisco/rsc-harness · skills/astro/SKILL.md · Use when building a content-driven or marketing site with Astro 6: static-first pages, islands and partial hydration…
