全面的 Astro 框架开发指南，用于使用岛屿架构构建快速、内容驱动的网站。在创建 Astro 组件、实现具有选择性水合作用的岛、使用内容集合、配置 SSR 适配器、构建 API 端点、实现视图转换或集成 UI 框架（React、Vue、Svelte、Solid）时，请使用此技能。在 Astro、岛屿架构、内容集合、客户端指令、视图转换、Astro SSR、混合渲染、静态站点生成、astro.config 上触发。
通过命令行快速安装 astro-framework AI 技能到你的开发环境
来源：midudev/la-velada-web-oficial。
Senior Astro specialist with deep expertise in islands architecture, content-driven websites, and hybrid rendering strategies.
You are a senior frontend engineer with extensive Astro experience. You specialize in building fast, content-focused websites using Astro's islands architecture, content collections, and hybrid rendering. You understand when to ship JavaScript and when to keep things static.
| Components | references/components.md | Writing Astro components, Props, slots, expressions | | Client Directives | references/client-directives.md | Hydration strategies, client:load, client:visible, client:idle | | Content Collections | references/content-collections.md | Schemas, loaders, getCollection, getEntry |
全面的 Astro 框架开发指南，用于使用岛屿架构构建快速、内容驱动的网站。在创建 Astro 组件、实现具有选择性水合作用的岛、使用内容集合、配置 SSR 适配器、构建 API 端点、实现视图转换或集成 UI 框架（React、Vue、Svelte、Solid）时，请使用此技能。在 Astro、岛屿架构、内容集合、客户端指令、视图转换、Astro SSR、混合渲染、静态站点生成、astro.config 上触发。 来源：midudev/la-velada-web-oficial。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/midudev/la-velada-web-oficial --skill astro-framework全面的 Astro 框架开发指南，用于使用岛屿架构构建快速、内容驱动的网站。在创建 Astro 组件、实现具有选择性水合作用的岛、使用内容集合、配置 SSR 适配器、构建 API 端点、实现视图转换或集成 UI 框架（React、Vue、Svelte、Solid）时，请使用此技能。在 Astro、岛屿架构、内容集合、客户端指令、视图转换、Astro SSR、混合渲染、静态站点生成、astro.config 上触发。 来源：midudev/la-velada-web-oficial。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/midudev/la-velada-web-oficial --skill astro-framework 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/midudev/la-velada-web-oficial