Astro Claude Skill — Development skill for Claude Code
Claude Code skill for Astro SSR/SSG, middleware, and TypeScript patterns.
How to install Astro Claude Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open wrsmith108/astro-claude-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Astro Claude Skill does
Claude Code skill for Astro SSR/SSG, middleware, and TypeScript patterns.
Alternatives in Development
- JS To TS — JavaScript to TypeScript Migration Command 74.5k ★
- TypeScript Lsp — TypeScript / JS /plugin install typescript-lsp@claude-plugins-official 14k ★
- Mcporter — Call MCPs via TypeScript, masquerading as simple TypeScript API 4.1k ★
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/astroWhat'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)
Related Skills
Sveltekit Docs
Use when answering questions about SvelteKit routing, load functions, form actions, adapters, hooks, deploymen
Frontloom Astro
Use this skill for Astro frontend tasks. Enforces idiomatic Astro patterns including content-first architectur
TypeScript Patterns
Generated by Claude Toad — Review before use
Nxt API Route
Generates a Next.js App Router API route handler (route.ts) with proper TypeScript types, request validation,
Astro
Astro 5.x components, routing, collections, i18n, SEO, Tailwind, React islands, transitions
Astro Expert
Astro framework expert including components, content collections, and integrations
Related Agents
Zanix Feature Builder
Adds a feature or artifact (a provider/connector, middleware, REST/GraphQL/socket/SSR handler, job, subscriber
Node Engineer
Node/TypeScript Backend Engineer (Tier 3): implements Node 24 services in TypeScript 7 — Hono / NestJS / Fasti
Scope Rule Architect Astro
Use this agent when you need to make architectural decisions about component placement in an Astro/TypeScript
