Astro 6 最佳实践 Skill：把 Islands Architecture 和零 JS 默认做成标准化指令

还在用 Next.js 做博客和文档站？如果你只是要一个内容站、博客、文档站，但每次都把 React hydration 全量打开，最后 Lighthouse 性能分被自己拖垮——那 Astro 才是正经答案。它不是 SSR 框架的又一个选择，而是把默认行为改成“零 JavaScript”的轻量方案。

我这次挖到的 Skill 是什么

这次要推荐的是 astro-best-practices-v6，一个专门给 AI coding assistant 写的 Astro 6.x 技能包。它不只是列几个 API，而是把 Astro 的 Islands Architecture、client 指令、Content Collections、View Transitions、甚至 Astro 6 的迁移坑位，全部打包成结构化知识。

为什么选它，而不是看文档就完了

官方文档很细，但 Copilot / Claude / Cursor 不会主动按你的工程视角给出“什么时候该 client:idle、什么时候不该加 JS”的决策边界。这个 Skill 做的事，就是把这套边界写成可复用的上下文，让 AI 在你写 Astro 时自动遵循，而不是每次都要你手把手提醒。

它实际覆盖什么场景

• 生产级 Astro 6.x 项目骨架与最佳实践
• Islands Architecture：默认零 JS，只在需要交互处打 hydration 岛
• client:load / client:idle / client:visible / client:media / client:only 的精确选择
• 多框架混用：React + Vue + Svelte 共存在同一项目
• Astro 6 迁移指南：Vite Environments API、HMR 变化、env 变量、Content Layer 替代旧 Content Collections
• 进阶模式：SSR、Middleware、Image Optimization、API Routes、i18n、SEO、dark mode

实测感受：适合什么团队

如果你的场景是“内容站 + 少量交互组件”，它能让 AI 直接写出更轻、更标准的 Astro 代码，而不是套一层 React 壳。如果是纯 SPA / 复杂状态管理场景，Astro 也不是不能用，但优势会变小。另一个非常实用的点是迁移：旧项目从 Astro 5 升 6 时，这个 Skill 已经把 breaking changes 整理成对照清单。

怎么安装

支持 Claude、Cursor、Windsurf 等支持 skills.sh 格式的 AI 工具：

• 安装：npx skills add BriantBR/astro-best-practices
• 仓库：https://github.com/BriantBR/astro-best-practices-v6

如果你想在 2026 年找一个“内容优先、性能优先、AI 可协作”的前端框架 skill，这个 Astro 技能包值得放进工具箱。

GitHub: https://github.com/BriantBR/astro-best-practices-v6