用于内容驱动网站的 Astro Web 框架模式。涵盖具有 Zod 模式和加载器的内容集合、具有选择性水化指令的岛架构、具有 ClientRouter 的视图转换、服务器端和混合渲染模式、服务器岛、具有 astro:db 的 Astro DB、具有 onRequest 的中间件以及框架集成（React、Svelte、Vue）。 在构建内容驱动的网站、配置岛水合作用策略、设置视图转换、在静态渲染和服务器渲染之间进行选择、集成 UI 框架组件、定义内容收集架构或添加中间件时使用。
通过命令行快速安装 astro AI 技能到你的开发环境
来源：oakoss/agent-skills。
Astro is an all-in-one web framework for building fast, content-focused websites. It uses an islands architecture that ships zero JavaScript by default, hydrating only interactive components on demand. Components from React, Svelte, Vue, Solid, and Preact can coexist in a single project.
When to use: Content-driven sites (blogs, docs, marketing), portfolios, e-commerce storefronts, any site where most pages are primarily static with isolated interactive regions.
When NOT to use: Highly interactive single-page applications (dashboards, real-time collaboration tools), apps requiring full client-side routing with shared global state across all components.
用于内容驱动网站的 Astro Web 框架模式。涵盖具有 Zod 模式和加载器的内容集合、具有选择性水化指令的岛架构、具有 ClientRouter 的视图转换、服务器端和混合渲染模式、服务器岛、具有 astro:db 的 Astro DB、具有 onRequest 的中间件以及框架集成（React、Svelte、Vue）。 在构建内容驱动的网站、配置岛水合作用策略、设置视图转换、在静态渲染和服务器渲染之间进行选择、集成 UI 框架组件、定义内容收集架构或添加中间件时使用。 来源：oakoss/agent-skills。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/oakoss/agent-skills --skill astro用于内容驱动网站的 Astro Web 框架模式。涵盖具有 Zod 模式和加载器的内容集合、具有选择性水化指令的岛架构、具有 ClientRouter 的视图转换、服务器端和混合渲染模式、服务器岛、具有 astro:db 的 Astro DB、具有 onRequest 的中间件以及框架集成（React、Svelte、Vue）。 在构建内容驱动的网站、配置岛水合作用策略、设置视图转换、在静态渲染和服务器渲染之间进行选择、集成 UI 框架组件、定义内容收集架构或添加中间件时使用。 来源：oakoss/agent-skills。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/oakoss/agent-skills --skill astro 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/oakoss/agent-skills