用途:在用户要求审查、分析或改进 src/frontend/ 下的前端代码(.tsx、.ts、.js)时使用。支持两种模式:pending-change 审查暂存区或工作区待提交文件,在提交前标出清单违规;file-targeted 审查用户指定的文件并报告相关清单发现。不适用于后端代码(src/backend/ 下的 .py)、非审查类请求,以及 src/frontend/ 之外的范围(除非用户明确要求审查别处的前端相关改动)。
主要能力:按清单执行检查。代码质量参考 code-quality.md 检查样式约定、TypeScript 用法、Biome 合规和组件模式;性能在涉及 React 组件、hooks、Zustand、React Query、@xyflow/react 节点渲染时参考 performance.md 检查重渲染、记忆化和数据流;业务逻辑在涉及自定义节点(GenericNode)、流程状态、API 调用、组件系统、全局变量或检查面板时参考 business-logic.md;i18n 在改动用户可见文案时遵循 frontend-i18n 技能,不得硬编码 UI 字符串,一律走 t(...),且新 key 需存在于所有 locale 文件(src/frontend/src/locales/*.json)。无匹配清单规则时使用通用审查规则,涵盖安全(XSS、敏感数据、硬编码密钥等)、可访问性、代码质量、测试影响和 pre-commit 校验。
使用方式:先判断审查模式并保持范围紧凑,仅审查用户提供或明确引用的内容;再按清单规则执行;最后严格按指定输出模板组织结果。有发现时用模板 A,按“紧急问题”和“改进建议”分列,给 File:Line 引用与建议修复(可含代码片段);无发现时用模板 B 输出 “No issues found.”。条目超过 10 条时汇总为 10+ 并只输出前 10 条。
技术背景:Langflow 前端使用 React 19、TypeScript 5.4、Vite 7 with SWC、Zustand、TanStack React Query、@xyflow/react v12、Radix UI + shadcn-ui、Tailwind CSS v3、Biome。
限制:pre-commit 校验需运行 npm run format、npm run lint、npm test 且分别为零差异、零错误、零失败;若清单规则无匹配则回退到通用规则。技能未提供的内容(如具体安装步骤、收费信息)暂未提供。