SuperAPI AI 工具集

vendure-admin-ui-reviewing

前端与建站

查看项目

更新于 10-16 00:29

技能介绍

用途:审查 Vendure Admin UI 扩展,发现 React 模式违规、缺失 hooks、状态管理不当和 UI 反模式。

主要能力:提供三步审查流程。第一步用 find 定位 UI 扩展、组件与 hooks 文件;第二步用 grep 运行自动化检查,覆盖直接 fetch 调用、缺少 useInjector、React 代码中的 Angular 模式、缺少页面元数据、缺少 loading/error 状态、直接修改 state、缺少 useCallback/useMemo、内联样式、缺少 TypeScript 类型和 console 语句;第三步按扩展结构、组件、GraphQL 集成、样式四类清单人工复核。

严重程度:CRITICAL 包括绕过 Vendure hooks 的直接 fetch、Angular 模式、缺少错误处理与 loading 状态;HIGH 包括缺少 usePageMetadata、缺少 useInjector、直接修改 state、内联样式、缺少类型;MEDIUM 包括缺少 useCallback/useMemo、console 语句、硬编码字符串、缺少无障碍属性。

使用方式:在 Claude Code 中加载该技能后,对目标扩展运行检测命令,并按输出模板生成审查报告,列出问题所在 file:line、通过项与建议。

适用场景:Vendure 插件或扩展的 Admin UI 代码评审、提交前自检。

限制:资料未提供安装命令、版本要求、收费信息与具体平台支持;规则与 vendure-admin-ui-writing 技能对应,相关技能还有 vendure-plugin-reviewing 与 vendure-graphql-reviewing。