·astro

用於島嶼架構、客戶端指令(客戶端:負載、客戶端:可見、客戶端:空閒、客戶端:僅、客戶端:媒體)、集成(MDX、Tailwind、React/Vue/Svelte)、視圖轉換 API 和部署策略的 Astro 框架模式。 在構建以內容為中心的網站、通過島嶼實現部分水合、設置多框架項目、默認情況下使用零 JS 優化性能或部署靜態/SSR 網站時使用。

9安裝·0熱度·@briantbr

安裝

$npx skills add https://github.com/briantbr/astro-best-practices --skill astro

SKILL.md

Astro 5.x framework for building fast, content-focused websites with Islands Architecture and zero JavaScript by default.

Astro ships ZERO JavaScript unless you explicitly add a client directive.

Rule: Only use client directives when components need hooks, state, or browser APIs.

用於島嶼架構、客戶端指令(客戶端:負載、客戶端:可見、客戶端:空閒、客戶端:僅、客戶端:媒體)、集成(MDX、Tailwind、React/Vue/Svelte)、視圖轉換 API 和部署策略的 Astro 框架模式。 在構建以內容為中心的網站、通過島嶼實現部分水合、設置多框架項目、默認情況下使用零 JS 優化性能或部署靜態/SSR 網站時使用。 來源:briantbr/astro-best-practices。

查看原文

可引用資訊

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

安裝指令
npx skills add https://github.com/briantbr/astro-best-practices --skill astro
分類
</>開發工具
認證
收錄時間
2026-02-05
更新時間
2026-02-18

快速解答

什麼是 astro?

用於島嶼架構、客戶端指令(客戶端:負載、客戶端:可見、客戶端:空閒、客戶端:僅、客戶端:媒體)、集成(MDX、Tailwind、React/Vue/Svelte)、視圖轉換 API 和部署策略的 Astro 框架模式。 在構建以內容為中心的網站、通過島嶼實現部分水合、設置多框架項目、默認情況下使用零 JS 優化性能或部署靜態/SSR 網站時使用。 來源:briantbr/astro-best-practices。

如何安裝 astro?

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

這個 Skill 的原始碼在哪?

https://github.com/briantbr/astro-best-practices

詳情

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

相關 Skills

暫無