用途:该技能用于把前端代码审查从人工检查转为系统化分析,聚焦 React/TypeScript/Tailwind 技术栈,输出可执行的改进建议。
主要能力:覆盖前端安全(XSS、CSRF、敏感数据暴露、认证问题)、React 性能(重复渲染、记忆化、包体积、懒加载)、代码质量与 React 最佳实践、组件架构(分层、关注点分离、可复用性)、类型安全(TypeScript 使用、运行时校验)、无障碍(WCAG 合规、键盘导航、屏幕阅读器)、响应式设计(移动优先、断点、Tailwind 模式)、SEO 与 meta、测试以及状态管理(Zustand/Context、React Query)。
适用场景:用户请求代码审查或反馈,提到 review、check、feedback、quality、security;生成组件或功能之后;询问性能或无障碍;提交重大改动之前。
审查流程:先理解上下文,包括代码类型(组件、Hook、工具函数、API 集成、状态管理、样式)、审查范围(单文件、整个功能、页面路由、共享工具)与优先级(安全关键、性能关键、面向用户、内部工具);再做初步扫描,按严重程度分级(严重、高、中、低),关注 XSS、CSRF、敏感数据、认证绕过、硬编码密钥、性能瓶颈、内存泄漏、错误处理、无障碍违规、输入校验等;最后进行深入分析并逐项核对各维度清单。
限制:资料未说明该技能的具体安装方式、运行命令、依赖环境、是否收费或价格,也未提供实际命令行用法,这些信息暂未提供。