astro-sites-manager

Featured

Comprehensive skill for building, migrating, and maintaining Astro v7 projects. Covers best practices from the official AGENTS.md, the v6→v7 migration path, validation of breaking/deprecated patterns, AI-enhanced dev server usage (background mode, JSON logging), advanced routing with src/fetch.ts, route caching, Sätteri Markdown, and the Rust compiler. Use when the user mentions 'Astro', '.astro files', 'astro dev', 'astro build', 'islands architecture', 'content collections', 'SSG', 'SSR adapter', 'upgrade to Astro 7', 'migrate Astro', 'Astro v7', 'Astro v6', 'Sätteri', 'route caching', 'Astro.cache', 'astro dev --background', 'src/fetch.ts', 'advanced routing', 'Hono + Astro', 'Rolldown', 'Vite 8', 'queued rendering', 'CDN cache provider', 'Astro AI', 'related content', 'related posts', 'vector embeddings Astro', 'astro-related-content', or asks about static site generation with Astro.

AI & Automation 77 stars 7 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 88/100

Stars 20%
63
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Astro Framework — v7 ## MCP Documentation Access This skill works alongside the **Astro Docs MCP server**. Before answering Astro questions, check if the `astro-docs` MCP tool is available and query it for the latest documentation. The MCP server provides real-time access to docs.astro.build and is the single source of truth for current APIs. ``` MCP Server: astro-docs Tool: search_astro_docs ``` If the MCP server is unavailable, fall back to the reference material in this skill and https://docs.astro.build. --- ## Best Practices ### Component Design - One `.astro` component per file. Keep components small and focused. - Use frontmatter (`---`) for data fetching and logic; template below for markup only. - Prefer Astro components over framework components unless client interactivity is needed. - Use `client:*` directives sparingly — each adds JavaScript to the bundle. - Directive hierarchy: `client:idle` > `client:visible` > `client:load` (prefer lazy). ### Routing & Pages - Use file-based routing in `src/pages/`. Dynamic routes: `[slug].astro`, `[...path].astro`. - Always export `getStaticPaths()` for prerendered dynamic routes. - For SSR pages: `export const prerender = false` at the top. - Use `src/fetch.ts` (v7) only when you need control beyond middleware — don't use it for simple auth. ### Content Collections - Define schemas in `content.config.ts` with Zod — never trust untyped content. - Use `getCollection()` for lists, `getEntry()` for single items. - Pref...

Details

Author
fabricioctelles
Repository
fabricioctelles/skills
Created
6 months ago
Last Updated
today
Language
Python
License
Apache-2.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

astro

Skill for building with the Astro web framework (v6+). Covers component authoring, islands architecture (client and server islands), content collections with loaders, actions, sessions, view transitions, middleware, on-demand rendering (SSR), adapters, and project configuration. Use when the user works with Astro, mentions .astro files, asks about static site generation (SSG), islands architecture, content collections, server islands, actions, view transitions, deploying an Astro project, or upgrading Astro.

0 Updated 3 weeks ago
svyatov
Web & Frontend Listed

astro-development

End-to-end Astro architecture and implementation for sites and light-to-medium web apps. Use when creating or auditing an Astro project, running Astro CLI commands, adding pages, content collections, React/shadcn islands, Actions, sessions, endpoints, middleware, adapters, Cloudflare Workers deployment, or choosing static versus on-demand rendering. Also use for Astro-based admin dashboards, with admin-dashboard leading UX decisions and shadcn-ui leading component APIs. Not for generic native-feature questions (native-first), SEO strategy/audits (seo-website-builder), or visual direction (design-taste).

0 Updated today
ongkipro
Web & Frontend Listed

astro-best-practices

This skill should be used when working on any Astro project or when the user asks about Astro best practices, conventions, or patterns. Trigger when: working on an Astro project, creating Astro components/pages/layouts, configuring astro.config, setting up Content Collections, using Content Layer API, choosing client directives (client:load/idle/visible/media/only), using server:defer or server islands, deciding between SSR and SSG, working with Astro Actions for forms, configuring middleware, using Zod schemas for content, building with TypeScript in Astro, creating API endpoints, using @astro/autoload, working with .astro files, Astro 5 or Astro 6 development.

5 Updated 3 weeks ago
RadOrigin-LLC