astro-frontend
CommunityShip zero-JS content sites with islands.
Authorkatsutoo
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Astro sites often ship more JavaScript than needed, causing slower initial load and poorer performance. This Skill defines an islands-based approach to deliver static HTML and CSS by default while hydrating only interactive pieces.
Core Features & Use Cases
- Islands Architecture: ship zero JS by default and hydrate only necessary components.
- Content Collections: leverage Astro's content system for structured, typed data.
- Astro Actions: server-side patterns for validated, scalable server functions.
- Use Case: blogs, marketing sites, docs, and e-commerce storefronts that require fast performance and selective interactivity.
Quick Start
Create a new Astro project configured for islands-based hydration and start building a content-driven site.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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-frontend Download link: https://github.com/katsutoo/dotfiles/archive/main.zip#astro-frontend 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 223,000+ vetted skills library on demand.