·astro-framework

全面的 Astro 框架開髮指南,用於使用島嶼架構建立快速、內容驅動的網站。在創建 Astro 元件、實現具有選擇性水合作用的島嶼、使用內容集、配置 SSR 適配器、建立 API 端點、實現視圖轉換或整合 UI 框架(React、Vue、Svelte、Solid)時,請使用此技能。在 Astro、島嶼架構、內容集合、客戶端指令、視圖轉換、Astro SSR、混合渲染、靜態網站產生、astro.config 上觸發。

5安裝·1熱度·@digital-revolution-cuba

安裝

$npx skills add https://github.com/digital-revolution-cuba/digital-revolution-web --skill astro-framework

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 上觸發。 來源:digital-revolution-cuba/digital-revolution-web。

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/digital-revolution-cuba/digital-revolution-web --skill astro-framework
分類
</>開發工具
認證
收錄時間
2026-02-11
更新時間
2026-02-18

快速解答

什麼是 astro-framework?

全面的 Astro 框架開髮指南,用於使用島嶼架構建立快速、內容驅動的網站。在創建 Astro 元件、實現具有選擇性水合作用的島嶼、使用內容集、配置 SSR 適配器、建立 API 端點、實現視圖轉換或整合 UI 框架(React、Vue、Svelte、Solid)時,請使用此技能。在 Astro、島嶼架構、內容集合、客戶端指令、視圖轉換、Astro SSR、混合渲染、靜態網站產生、astro.config 上觸發。 來源:digital-revolution-cuba/digital-revolution-web。

如何安裝 astro-framework?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/digital-revolution-cuba/digital-revolution-web --skill astro-framework 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/digital-revolution-cuba/digital-revolution-web

詳情

分類
</>開發工具
來源
skills.sh
收錄時間
2026-02-11

相關 Skills

暫無