astro-developer
withastro/astro · Agent Skill
提供 Astro monorepo 開發指南,涵蓋架構、除錯和測試,以協助程式碼庫任務。
前往安裝 ↓總覽
| 發布者 | |
|---|---|
| 儲存庫 | withastro/astro ↗ |
| 技能資料夾 | astro-developer |
| 星 | 62,485 |
| 附帶檔案 | 5 |
| 授權 | 未標示 — 請向作者確認 |
| 最近更新 | 2026年8月12日 |
| 連結 | 技能原始碼 ↗ · 儲存庫 ↗ |
Mozgi 檢查
我們在技能檔案中發現的內容。詳細資訊需訂閱。
安裝
技能就是一個含 SKILL.md 的資料夾。選擇你的代理,在專案根目錄的終端機(macOS、Linux 或 Windows 的 Git Bash)執行指令。
把提示貼到 Claude、Codex 或其他助理:它會自行檢查並安裝技能。
Install the “astro-developer” skill from mozgi.io (https://mozgi.io/skills/astro-developer/) for me. 1. Download the archive: https://mozgi.io/skills/astro-developer/download If it fails, take the skill folder from the source: https://github.com/withastro/astro/tree/main/.agents/skills/astro-developer 2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me. 3. Put the “astro-developer” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.). 4. Make sure <skills folder>/astro-developer/SKILL.md exists. 5. Briefly tell me what this skill does and offer to try it on my task. If you cannot do a step yourself, tell me what to click or type.
git clone --depth 1 --branch main https://github.com/withastro/astro.git /tmp/astro mkdir -p .claude/skills cp -r /tmp/astro/.agents/skills/astro-developer .claude/skills/astro-developer
重新啟動 Claude Code — 技能就會出現在清單中,手動呼叫:/astro-developer。要套用到所有專案,請放在 ~/.claude/skills。
git clone --depth 1 --branch main https://github.com/withastro/astro.git /tmp/astro mkdir -p .agents/skills cp -r /tmp/astro/.agents/skills/astro-developer .agents/skills/astro-developer
Codex 會從目前資料夾往上到儲存庫根目錄,在 .agents/skills 中尋找技能;用 /skills 或 $astro-developer 呼叫。所有專案:~/.agents/skills。
git clone --depth 1 --branch main https://github.com/withastro/astro.git /tmp/astro mkdir -p .cursor/skills cp -r /tmp/astro/.agents/skills/astro-developer .cursor/skills/astro-developer
Cursor 啟動時會載入技能;在 Agent 聊天輸入「/」呼叫。Cursor 也會讀取 .claude/skills 與 .agents/skills。所有專案:~/.cursor/skills。
git clone --depth 1 --branch main https://github.com/withastro/astro.git /tmp/astro mkdir -p .gemini/skills cp -r /tmp/astro/.agents/skills/astro-developer .gemini/skills/astro-developer
任務符合時,Gemini CLI 會提議啟用技能,由你確認。所有專案:~/.gemini/skills。
安裝前請先檢視 SKILL.md 與相關檔案。點擊檔案即可預覽。
SKILL.md 內容
作者原文 · 唯讀Astro Developer Skill
Context-loading skill for AI agents and developers working in the Astro monorepo. Loads relevant documentation based on your task.
Quick Decision Matrix
What are you doing? → Read these files:
| Task | Primary Docs | Supporting Docs |
| -------------------------- | -------------------------------------------------------------------- | ---------------------------------- |
| Adding a core feature | architecture.md ↗, constraints.md ↗ | testing.md ↗ |
| Fixing a bug | debugging.md ↗ | architecture.md ↗ |
| Writing/fixing tests | testing.md ↗ | constraints.md ↗ |
| Creating an integration | Explore packages/integrations/ for examples | testing.md ↗ |
| Understanding architecture | architecture.md ↗ | - |
| Dealing with errors | debugging.md ↗, constraints.md ↗ | testing.md ↗ |
| Understanding constraints | constraints.md ↗ | architecture.md ↗ |
Critical Warnings
Before you start, be aware of these common pitfalls:
1. Prefer Unit Tests: Write unit-testable code by default. Use integration tests only when necessary → testing.md ↗
2. Node.js API Restrictions: Cannot use Node.js APIs in runtime/ code → constraints.md ↗
3. Test Isolation: Must set unique outDir for each integration test → testing.md ↗
4. Runtime Boundaries: Core vs Vite vs Browser execution contexts → architecture.md ↗
5. Prerelease Mode: Changesets target origin/next branch (check .changeset/config.json)
Quick Command Reference
# Development
pnpm install # Install (root only)
pnpm run build # Build all packages
pnpm run dev # Watch mode
pnpm run lint # Lint codebase
# Testing
pnpm -C packages/astro exec astro-scripts test "test/**/*.test.js" # All tests
pnpm -C packages/astro exec astro-scripts test -m "pattern" # Filter tests
pnpm run test:e2e # E2E tests
node --test test/file.test.js # Single test
# Examples
pnpm --filter @example/minimal run dev # Run example
# Changesets
pnpm exec changeset --empty # Create changeset, no interactive mode
Key File Paths
packages/astro/src/
├── core/ # Node.js execution context (build/dev commands)
├── runtime/
│ ├── server/ # Vite SSR execution context
│ └── client/ # Browser execution context
├── virtual-modules/ # Virtual module entry points
├── content/ # Content layer system
├── vite-plugin-*/ # Vite plugins
└── types/ # Centralized TypeScript types
packages/integrations/ # Official integrations
examples/ # Test your changes here
test/fixtures/ # Test fixtures
Note: Error stack traces in node_modules/ map to source in packages/. See architecture.md ↗ for details.
Usage
This skill loads relevant context—it doesn't orchestrate workflows. After loading appropriate docs:
1. Read the recommended files for your task
2. Apply the patterns and constraints described
3. Use the commands and file paths provided
4. Search docs for error messages if you encounter issues
Architecture Quick Summary
Three Execution Contexts:
- core/ → Node.js, build/dev commands, avoid Node APIs except in Vite plugins
- runtime/server/ → Vite SSR, CANNOT use Node APIs
- runtime/client/ → Browser, CANNOT use Node APIs at all
Five Pipeline Types:
- RunnablePipeline →
astro devwith Vite loader system - NonRunnablePipeline →
astro devwithout runtime module loading (Cloudflare adapter) - BuildPipeline →
astro build+ prerendering - AppPipeline → Production serverless/SSR
- ContainerPipeline → Container API
See architecture.md ↗ for complete details.
Testing Quick Summary
Philosophy: Prefer unit tests over integration tests. Write unit-testable code by default.
Unit tests (fast, preferred):
- Test pure functions and business logic
- Extract business logic from infrastructure
- Use dependency injection
Integration tests (slow, use sparingly):
- Only for features that cannot be unit tested (virtual modules, full build pipeline)
- Always set unique
outDirto avoid cache pollution
See testing.md ↗ for complete patterns and examples.
When NOT to Use This Skill
- Bug triage: Use the
triageskill instead - GitHub Actions analysis: Use the
analyze-github-action-logsskill - Simple questions: Just ask directly, don't load this skill
Related Documentation
- Root: /AGENTS.md
- Root: /CONTRIBUTING.md
- Astro docs: https://docs.astro.build/
- Package: packages/astro/src/core/README.md
- Build plugins: packages/astro/src/core/build/plugins/README.md
常見問題
astro-developer 技能有什麼用途?
提供 Astro monorepo 開發指南,涵蓋架構、除錯和測試,以協助程式碼庫任務。
如何安裝 astro-developer?
打開本頁的「安裝」區塊並選擇你的代理 — Claude Code、Codex、Cursor 或 Gemini CLI:那裡有把技能資料夾複製到正確位置的現成指令。也可以複製「透過助理」分頁中的提示,讓助理自行檢查並安裝技能。
astro-developer 適用哪些 AI 模型?
技能是純 Markdown 指示(Agent Skills 格式),因此 astro-developer 適用任何讀取 SKILL.md 的代理:Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot、OpenCode 等。只有在任務符合技能描述時,模型才會載入指示。
astro-developer 是免費的嗎?
此技能由 withastro 公開發布。技能本身免費 — 你只需向 AI 供應商支付實際使用的 token 費用。儲存庫未標示授權 — 商業使用前請向作者確認條款。
安裝技能安全嗎?
技能是代理會遵循的指示,安裝前請閱讀 SKILL.md 及相關檔案。技能資料夾中的腳本只有在代理執行時才會運行 — 留意它的動作,不要授予多餘權限。
技能和 MCP 伺服器或外掛有何不同?
MCP 伺服器或外掛為模型提供新工具 — 會執行並回傳結果的程式碼。技能提供的是知識與流程:如何處理任務、要遵循哪些步驟、好的成果長什麼樣子。它不需要伺服器或 API 金鑰。