Astro Claude Skill banner
wrsmith108 wrsmith108

Astro Claude Skill

Development community

Description

Claude Code skill for Astro SSR/SSG, middleware, and TypeScript patterns

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Astro Framework Skill for Claude Code

A Claude Code skill for Astro development patterns, focusing on SSR/SSG, middleware, and TypeScript.

Installation

git clone https://github.com/wrsmith108/astro-claude-skill.git ~/.claude/skills/astro

What's Included

  • Rendering Modes: SSG vs SSR for protected content
  • Middleware Patterns: Route protection and status validation
  • TypeScript Gotchas: Common preprocessor issues
  • Content Collections: Dynamic routes with SSR
  • Cache Headers: Preventing caching of status pages

Key Insight

In Astro with `output: "static"`, pre-rendered pages **bypass middleware completely**.

Use `export const prerender = false;` for any page requiring authentication.

License

MIT - See [LICENSE](LICENSE)