Communitygithub.com

rebyteai-template/rebyte-skills

一個基於 Astro 5.0 和 Tailwind CSS 的登陸頁面範本,包含部落格、深色模式及完美的 PageSpeed 評分。

rebyte-skills 是什麼?

這個技能提供一個完整的 Astro 5.0 + Tailwind CSS 範本,專為快速建立高效能登陸頁面與部落格而設計。它包含了深色模式、RSS feed、SEO 優化等現代網站必備功能,並能取得完美的 PageSpeed 評分。支援 Vercel 與 Netlify 一鍵部署,開發伺服器預設運行於連接埠 4321。所有設定可透過 `src/config.yaml` 集中管理,包括網站名稱、導覽選單、社群連結及分析工具。適合任何需要快速打造專業、高效能靜態網站的開發者。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/rebyteai-template/rebyte-skills/tree/HEAD/astrowind

在你喜歡的 AI 中提問

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

說明文件

AstroWind 範本

一個生產就緒的 Astro 5.0 + Tailwind CSS 範本,具有完美的 PageSpeed 評分、深色模式、RSS 部落格與 SEO 最佳化。

技術棧

  • 框架:Astro 5.0 搭配 MDX 支援
  • 樣式:Tailwind CSS
  • 語言:TypeScript
  • 功能:深色模式、RSS、SEO、部落格
  • 套件管理員:npm
  • 輸出目錄:dist
  • 開發埠號:4321

設定

1. 複製範本

git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git .

如果目錄非空:

git clone --depth 1 https://github.com/Eng0AI/astrowind-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

2. 移除 Git 歷史(選擇性)

rm -rf .git
git init

3. 安裝相依套件

npm install

建置

npm run build

部署

Vercel(建議)

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify

netlify deploy --prod --dir=dist

開發

npm run dev

開啟於 http://localhost:4321

設定

編輯 src/config.yaml 以自訂:

  • 網站名稱、描述與中繼資料
  • 導覽連結
  • 社群媒體連結
  • 分析設定

Individual skills in this repo

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

相關技能