SuperAPI AI 工具集

astro-expert

通用与其它

查看项目

更新于 10-16 02:36

技能介绍

用途:面向使用 Astro 框架进行可扩展 Web 开发时的代码审查与编写,覆盖组件、内容管理、数据获取与构建部署等主题。

主要能力:一是组件开发,建议创建 .astro 文件,必要时使用 React、Vue、Svelte 等框架组件,注重组合与复用,通过组件 props 传值。二是内容管理,建议内容密集型页面使用 Markdown(.md)或 MDX(.mdx),利用 frontmatter,并用内容集合组织内容。三是数据获取,建议用 Astro.props 传数据,用 getStaticPaths() 在构建时取数,用 Astro.glob() 处理本地文件,并做好错误处理。四是构建与部署,建议优化构建命令,处理多环境变量,使用与 Astro 兼容的静态托管平台(如 Netlify、Vercel),并配置 CI/CD 自动化构建部署。五是开发规范,建议启用严格 TypeScript 设置、用 TailwindCSS 样式、保持组件模块化。

铁律与限制:静态内容始终用 Astro 组件,框架组件仅用于交互式岛屿;内容集合须配合 Zod 模式做类型校验;岛屿水合指令须显式指定 client:load、client:idle 或 client:visible;不要绕过内置图片优化,应使用 astro:assets 的 <Image> 或 getImage();不要用 Astro.glob() 处理结构化内容,应使用 getCollection()、getEntry()。技能还列出反模式,如用 React/Vue 做纯静态 UI、用原生 <img>、内容缺少 Zod 模式、全部使用 client:load、用 Astro.glob() 取结构化内容。

使用方式:资料提及开始前可运行 cat .claude/context/memory/learnings.md,完成后记录新发现的模式或例外,并假设上下文可能中断。

适用场景:Astro 项目的开发、代码审查、性能优化与部署配置。具体安装命令、收费与平台支持等事实资料暂未提供。