智能开发助手

系统性测试 UI 功能，使用 AI 视觉分析验证设计保真度，监控控制台输出，跟踪网络请求，并使用 Chrome DevTools MCP 提供调试报告。在实现 UI 功能后、进行设计验证时、调查控制台错误时或进行回归测试时使用。

⚡ 主要技能：'X 是如何工作的'，'调查'，'分析架构'，'追踪流程'，'查找实现'。前提条件：code-search-selector 必须验证工具选择。启动 codebase-detective 与 claudemem 索引内存。

⛔ 拦截触发器：在读取 3 个以上文件或使用广泛模式的 Glob 之前自动调用。验证是否应将批量文件操作替换为语义搜索。防止因顺序读取文件而浪费令牌。

分析来自 OpenAPI 规范的 API 文档，以提供 TypeScript 接口、请求/响应格式和实现指导。在实现 API 集成、调试 API 错误（400、401、404）、替换模拟 API、验证数据类型或当用户提到端点、API 调用时使用。

⚡ 自动调用，当用户询问：'审计'，'调查'，'X 是如何工作的'，'查找所有'，'在哪里'，'追踪'，'理解'，'映射代码库'，'全面'。必须在计划读取 3 个以上文件时在 Read/Glob 之前运行。防止工具熟悉偏见对本地工具的影响。

并行运行多个AI模型，实现3-5倍的速度提升，并强制跟踪性能统计。在使用Grok、Gemini、GPT-5、DeepSeek或Claudish代理进行代码审查、共识分析或多专家验证时使用。v3.1.0中的新功能 - SubagentStop钩子强制收集统计信息。

重要 - 仅通过子代理使用 Claudish CLI 来运行 Claude Code 与 OpenRouter 模型（Grok、GPT-5、Gemini、MiniMax）。除非用户明确请求，否则绝不要在主上下文中直接运行 Claudish。当用户提到外部 AI 模型、Claudish、OpenRouter 或替代模型时使用。

从OpenRouter排名中获取流行的编程模型。在选择多模型审查的模型、更新模型推荐或研究当前AI编码趋势时使用。提供模型ID、上下文窗口、定价和最近一周的使用统计。

在运行需要的命令之前检查所需的依赖项（Chrome DevTools MCP，OpenRouter API）。在 /implement、/review、/validate-ui 命令开始时使用，以提供有用的设置指导。

⚡ 主要工具：'X 是如何工作的'，'查找实现'，'追踪数据流'，'X 定义在哪里'，'审计集成'，'查找所有用法'。替代 grep/glob 进行代码理解。使用 claudemem v0.2.0 索引内存与 LLM 增强。禁止使用 GREP/FIND/GLOB。

⚡ 主要工具，用于语义代码理解与 LLM 增强。反模式：顺序读取 5 个以上文件，Glob 然后读取所有，Grep 查找 'X 是如何工作的'。正确：首先进行 claudemem 搜索（使用 --use-case 导航代理），然后读取特定行。

根据设计参考（Figma、截图、模型）从零开始实现 UI 组件，具备智能验证和自适应代理切换功能。当用户提供设计并希望实现像素完美的 UI 时使用，并进行设计保真度验证。当用户提及时自动触发。

⚡ 主要工具：'测试了什么'，'查找测试覆盖率'，'审计测试质量'，'缺失测试'，'边缘案例'，'测试模式'。替代 grep/glob 进行测试分析。使用 claudemem v0.2.0 索引内存与 LLM 增强。禁止使用 GREP/FIND/GLOB。

MAG Claude插件市场的插件发布流程。涵盖版本提升、marketplace.json更新、git标签和常见错误。在发布新插件版本或排查更新问题时使用。

⚡ 主要工具：'X 为什么坏了'，'查找错误源'，'根本原因分析'，'追踪错误'，'调试问题'，'查找 X 失败的位置'。替代 grep/glob 进行错误调查。使用 claudemem v0.2.0 索引内存与 LLM 增强。禁止使用 GREP/FIND/GLOB。

特定于 React 19 的模式，包括 React 编译器优化、服务器操作、表单和新钩子。在实现 React 19 特性、优化组件或在 Actions 与 TanStack Query 之间选择用于变更时使用。

处理多代理工作流中的错误、超时和故障。在处理外部模型超时、API故障、部分成功、用户取消或优雅降级时使用。触发关键词 - "错误", "故障", "超时", "重试", "回退", "已取消", "优雅降级", "恢复"

使用侦探技能跨插件的集成指南。将前端、Bun 和其他插件的代理角色映射到适当的侦探技能。开发者代理应使用开发者侦探，架构师代理应使用架构师侦探，等等。

Claude Code 代理和命令的 XML 标签结构模式。在设计或实现代理时使用，以确保遵循 Anthropic 最佳实践的正确 XML 结构。

协调多个代理在并行或顺序工作流中的操作。在同时运行代理、委派给子代理、在专用代理之间切换或管理代理选择时使用。触发关键词 - "并行代理", "顺序工作流", "委派", "多代理", "子代理"

针对 React 应用的性能优化、可访问性和安全最佳实践。涵盖代码分割、React 编译器模式、资产优化、可访问性测试和安全加固。在优化性能或审查安全性时使用。

实施质量门控、用户批准、迭代循环和测试驱动开发。当与用户验证、实施反馈循环、分类问题严重性、运行测试驱动循环或构建多迭代工作流时使用。触发关键词 - '批准'，'用户验证'，'迭代

⚡ 主要工具：'架构是什么'，'系统设计'，'层次如何组织'，'查找设计模式'，'审计结构'，'映射依赖'。替代 grep/glob 进行架构分析。使用 claudemem v0.2.0 索引内存与 LLM 增强。禁止使用 GREP/FIND/GLOB。

全面的 TanStack Query v5 模式，用于异步状态管理。涵盖重大变更、查询键工厂、数据转换、变更、乐观更新、身份验证、使用 MSW 的测试和反模式。在所有服务器状态管理、数据获取和缓存失效任务中使用。

为 React 19 项目配置 Vite、TypeScript、Biome 和 Vitest。涵盖构建配置、严格的 TypeScript 设置、代码检查/格式化和测试基础设施。在设置新项目或更新工具配置时使用。

⚡ 主要工具：'全面审计'，'深度分析'，'全代码库审查'，'多角度调查'，'复杂问题'。结合所有侦探视角（架构师+开发者+测试者+调试者）。完全替代 grep/glob。使用 claudemem v0.2.0 索引内存。

Claude Code 的常见代理模式和模板。在实现代理时使用，以遵循经过验证的代理模式、TodoWrite 集成和质量检查。

Claude Code 代理和命令的 YAML 前置模式。在创建或验证代理/命令文件时使用。

将 Apidog + OpenAPI 规范与您的 React 应用集成。涵盖 MCP 服务器设置、类型生成和查询层集成。在设置 API 客户端、从 OpenAPI 生成类型或与 Apidog MCP 集成时使用。

将 TanStack Router 与 TanStack Query 集成，以实现最佳数据获取。涵盖带查询预取的路由加载器，确保即时导航，消除请求瀑布。在设置路由加载器或优化导航性能时使用。