astro-frontend

Community

Ship 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.