用于内容驱动网站的 Astro Web 框架模式。涵蓋具有 Zod 模式和載入器的內容集合、具有選擇性水化指令的島嶼架構、具有 ClientRouter 的視圖轉換、伺服器端和混合渲染模式、伺服器島、具有 astro:db 的 Astro DB、具有 onRequest 的中間件以及框架整合（React、Svelte、Vue）。 在建立內容驅動的網站、配置中島水合作用策略、設定視圖轉換、在靜態渲染和伺服器渲染之間進行選擇、整合 UI 框架元件、定義內容收集架構或新增中間件時使用。
透過命令列快速安裝 astro AI 技能到你的開發環境
來源：oakoss/agent-skills。
Astro is an all-in-one web framework for building fast, content-focused websites. It uses an islands architecture that ships zero JavaScript by default, hydrating only interactive components on demand. Components from React, Svelte, Vue, Solid, and Preact can coexist in a single project.
When to use: Content-driven sites (blogs, docs, marketing), portfolios, e-commerce storefronts, any site where most pages are primarily static with isolated interactive regions.
When NOT to use: Highly interactive single-page applications (dashboards, real-time collaboration tools), apps requiring full client-side routing with shared global state across all components.
用于内容驱动网站的 Astro Web 框架模式。涵蓋具有 Zod 模式和載入器的內容集合、具有選擇性水化指令的島嶼架構、具有 ClientRouter 的視圖轉換、伺服器端和混合渲染模式、伺服器島、具有 astro:db 的 Astro DB、具有 onRequest 的中間件以及框架整合（React、Svelte、Vue）。 在建立內容驅動的網站、配置中島水合作用策略、設定視圖轉換、在靜態渲染和伺服器渲染之間進行選擇、整合 UI 框架元件、定義內容收集架構或新增中間件時使用。 來源：oakoss/agent-skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/oakoss/agent-skills --skill astro用于内容驱动网站的 Astro Web 框架模式。涵蓋具有 Zod 模式和載入器的內容集合、具有選擇性水化指令的島嶼架構、具有 ClientRouter 的視圖轉換、伺服器端和混合渲染模式、伺服器島、具有 astro:db 的 Astro DB、具有 onRequest 的中間件以及框架整合（React、Svelte、Vue）。 在建立內容驅動的網站、配置中島水合作用策略、設定視圖轉換、在靜態渲染和伺服器渲染之間進行選擇、整合 UI 框架元件、定義內容收集架構或新增中間件時使用。 來源：oakoss/agent-skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/oakoss/agent-skills --skill astro 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/oakoss/agent-skills