astro-framework
CommunityMaster Astro islands for blazing-fast sites.
Authornicolas-deyros
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides a comprehensive, best-practices guide for building fast, content-driven sites with Astro by leveraging islands architecture, content collections, and hybrid rendering.
Core Features & Use Cases
- Islands-based hydration strategy to ship zero JavaScript by default and hydrate only interactive components
- Type-safe content modeling with Zod and
astro:contentfor robust content schemas - SSR and hybrid rendering guidance with adapters for common deployment targets
- View transitions and multi-framework integrations (React, Vue, Svelte, Solid) for smooth navigations
- End-to-end guidance for routing, API endpoints, and asset/image optimization in Astro
Quick Start
Activate this skill to start building an Astro project with islands, content collections, and hybrid rendering by following its workflow and references.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: astro-framework Download link: https://github.com/nicolas-deyros/astro-portfolio-v2/archive/main.zip#astro-framework Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.