Community寫作與編輯github.com

delineas/astro-framework

Astro 框架專家,專注於使用島嶼架構建立快速、內容驅動的網站。適用於建立 Astro 元件、配置水合 (client:load/idle/visible/media)、使用 server:defer (伺服器島嶼)、Content Layer API、sessions、astro:env、i18n 路由、actions、SSR 適配器、視覺轉場,或整合 React/Vue/Svelte/Solid。不適用於全 SPA 框架 (Next.js、Remix、SvelteKit)。

astro-framework 是什麼?

此技能專門用於協助開發者使用 Astro 框架建立高效的內容驅動網站,其核心是基於島嶼架構 (Islands Architecture)。它能指導你建立 Astro 元件、設定不同的水合策略 (例如 `client:load`、`client:idle`、`client:visible`、`client:media`) 以及使用伺服器島嶼 (`server:defer`)。技能會深入說明 Astro 的 Content Layer API (包括 glob/file loaders、live loaders)、sessions 機制、環境變數管理 (`astro:env`)、國際化路由、伺服器端 actions、SSR 適配器配置與視覺轉場效果。它支援整合 React、Vue、Svelte、Solid 等前端框架,但明確不適用於 Next.js、Remix 或 SvelteKit 這類全 SPA 框架。透過此技能,開發者能善用 Astro 零 JS 預設特性與選擇性互動能力,打造最佳效能體驗。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/delineas/astro-framework-agents/tree/main/skills/astro-framework

Installed? Explore more 寫作與編輯 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

astro-framework 是做什麼的?

Astro 框架專家,專注於使用島嶼架構建立快速、內容驅動的網站。適用於建立 Astro 元件、配置水合 (client:load/idle/visible/media)、使用 server:defer (伺服器島嶼)、Content Layer API (glob/file loaders、live loaders)、sessions、astro:env、i18n 路由、actions、SSR 適配器、視覺轉場,或整合 React/Vue/Svelte/Solid。不適用於全 SPA 框架 (Next.js、Remix、SvelteKit)。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相關技能