Astro Framework Expert

Installation
SKILL.md

Astro Framework Expert

Expert guidance on Astro framework — components, content collections, islands architecture, data fetching, image optimization, deployment, and strict best practices.

🎯 Core Philosophy

Astro เป็น content-first web framework ที่ส่ง zero JavaScript by default — ใช้ Islands Architecture สำหรับ interactive components เท่านั้น

Key Principles:

  • Static content → .astro components (zero JS)
  • Interactive UI → Framework islands (React/Vue/Svelte) with explicit hydration
  • Content → Collections with Zod schemas (type-safe at build time)
  • Images → Always <Image> from astro:assets
  • TypeScript strict mode + TailwindCSS utility-first

⚠️ Iron Laws (NON-NEGOTIABLE)

Installs
–
First Seen
–
Astro Framework Expert — yuen30/my-skills