astro-framework
✓全面的 Astro 框架開髮指南，用於使用島嶼架構構建快速、內容驅動的網站。在創建 Astro 組件、實現具有選擇性水合作用的島、使用內容集合、配置 SSR 適配器、構建 API 端點、實現視圖轉換或集成 UI 框架（React、Vue、Svelte、Solid）時，請使用此技能。在 Astro、島嶼架構、內容集合、客戶端指令、視圖轉換、Astro SSR、混合渲染、靜態站點生成、astro.config 上觸發。
SKILL.md
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 上觸發。 來源：delineas/astro-framework-agents。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/delineas/astro-framework-agents --skill astro-framework- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 astro-framework？
全面的 Astro 框架開髮指南，用於使用島嶼架構構建快速、內容驅動的網站。在創建 Astro 組件、實現具有選擇性水合作用的島、使用內容集合、配置 SSR 適配器、構建 API 端點、實現視圖轉換或集成 UI 框架（React、Vue、Svelte、Solid）時，請使用此技能。在 Astro、島嶼架構、內容集合、客戶端指令、視圖轉換、Astro SSR、混合渲染、靜態站點生成、astro.config 上觸發。 來源：delineas/astro-framework-agents。
如何安裝 astro-framework？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/delineas/astro-framework-agents --skill astro-framework 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/delineas/astro-framework-agents
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01