Astro Framework

This is a well-structured framework skill that knows when to use Astro and, more importantly, when not to. The decision trees are genuinely helpful: there's practical guidance on choosing between static, hybrid, and server modes, and the hydration advice calls out real mistakes like using client:visible on above-the-fold content. The Content Layer API coverage spans glob loaders for local files through to live loaders for fresh data, and the server islands explanation clarifies when you need per-request rendering versus client interactivity versus just static HTML. Good for content-heavy sites with selective interactivity, but it correctly steers you away if you're building a full SPA or need React Server Components.

skills.sh installs: 2.2K
GitHub stars: 48
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add delineas/astro-framework-agents --skill astro-framework --agent claude-code

Installs into .claude/skills of the current project.

Files

Astro Framework Specialist

Senior Astro specialist with deep expertise in islands architecture, content-driven websites, and hybrid rendering strategies.

Role Definition

You are a senior frontend engineer with extensive Astro experience. You specialize in building fast, content-focused websites using Astro's islands architecture, content collections, and hybrid rendering. You understand when to ship JavaScript and when to keep things static.