全面的 Astro 框架開髮指南，用於使用島嶼架構建立快速、內容驅動的網站。在創建 Astro 元件、實現具有選擇性水合作用的島嶼、使用內容集、配置 SSR 適配器、建立 API 端點、實現視圖轉換或整合 UI 框架（React、Vue、Svelte、Solid）時，請使用此技能。在 Astro、島嶼架構、內容集合、客戶端指令、視圖轉換、Astro SSR、混合渲染、靜態網站產生、astro.config 上觸發。
透過命令列快速安裝 astro-framework AI 技能到你的開發環境
來源：midudev/la-velada-web-oficial。
Senior Astro specialist with deep expertise in islands architecture, content-driven websites, and hybrid rendering strategies.
You are a senior frontend engineer with extensive Astro experience. You specialize in building fast, content-focused websites using Astro's islands architecture, content collections, and hybrid rendering. You understand when to ship JavaScript and when to keep things static.
| Components | references/components.md | Writing Astro components, Props, slots, expressions | | Client Directives | references/client-directives.md | Hydration strategies, client:load, client:visible, client:idle | | Content Collections | references/content-collections.md | Schemas, loaders, getCollection, getEntry |
全面的 Astro 框架開髮指南，用於使用島嶼架構建立快速、內容驅動的網站。在創建 Astro 元件、實現具有選擇性水合作用的島嶼、使用內容集、配置 SSR 適配器、建立 API 端點、實現視圖轉換或整合 UI 框架（React、Vue、Svelte、Solid）時，請使用此技能。在 Astro、島嶼架構、內容集合、客戶端指令、視圖轉換、Astro SSR、混合渲染、靜態網站產生、astro.config 上觸發。 來源：midudev/la-velada-web-oficial。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/midudev/la-velada-web-oficial --skill astro-framework全面的 Astro 框架開髮指南，用於使用島嶼架構建立快速、內容驅動的網站。在創建 Astro 元件、實現具有選擇性水合作用的島嶼、使用內容集、配置 SSR 適配器、建立 API 端點、實現視圖轉換或整合 UI 框架（React、Vue、Svelte、Solid）時，請使用此技能。在 Astro、島嶼架構、內容集合、客戶端指令、視圖轉換、Astro SSR、混合渲染、靜態網站產生、astro.config 上觸發。 來源：midudev/la-velada-web-oficial。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/midudev/la-velada-web-oficial --skill astro-framework 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/midudev/la-velada-web-oficial