用途:对 React/TypeScript 组件做编码规范合规分析与改进建议,适用于重构讨论、组件大改前、代码审查,或被要求“分析/审计”某个组件时。
主要能力:先确定组件路径与名称,读取文件检查结构、用途、明显问题及总行数(200 行规则);随后检查编码规范(大小、单一职责、TypeScript 类型与 props 接口、命名如 PascalCase 组件、camelCase 函数、handle* 事件、Hooks 与 effect 用法、TSDoc/JSDoc 注释、导入组织与未使用导入);再检查样式(Tailwind v4 的 @theme 集成、primary/accent/语义色令牌、移动优先 sm:/md:/lg:、dark: 变体、避免昂贵 backdrop-filter);并做移动优先检查(断点、触控交互、响应式排版、容器响应式)。最后生成报告,含文件、行数/200 上限、评分 X/10,以及合规项、警告、违规、按高/中优先级排列的建议和前后代码修复示例,并提供后续选项:实施高优先级修复、创建功能文档、超过 200 行则重构。严重级别分为关键(破坏功能、安全问题)、主要(性能、无障碍违规)、次要(代码风格、文档)。常见违规包括 props 无 TypeScript 接口、useEffect 缺少依赖、硬编码颜色、缺少 dark: 变体、缺少 alt 文本。限制:资料未提供安装命令、价格、平台支持或具体运行方式,暂未提供。