# Astro Framework
> Astro
- Skill: `comeonoliver/astro-framework` (Agent Skill)
- Install (CLI): `npx skillmds@latest add comeonoliver/astro-framework`
- Raw SKILL.md: https://api.skillmd.com/api/skills/comeonoliver/astro-framework/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: ComeOnOliver (https://skillmd.com/u/comeonoliver)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/comeonoliver/astro-framework
---
# Astro
## Setup: npm create astro@latest
## Pages (.astro files)
```astro
---
// Component script (runs at build time)
const posts = await fetch('https://api.example.com/posts').then(r => r.json());
---
Blog
{posts.map(p => {p.title}
{p.excerpt}
)}
```
## Islands (interactive components)
```astro
---
import Counter from '../components/Counter.tsx';
---
```
## Content Collections
```typescript
// src/content/config.ts
const blog = defineCollection({ schema: z.object({ title: z.string(), date: z.date() }) });
```
## Supports React, Vue, Svelte, Solid components in same project
## Static by default, opt-in SSR with adapters (Node, Vercel, Cloudflare)