用途：该技能面向 Langflow 前端代码库，用于重构高复杂度 React 组件。手动复杂度评估显示复杂度 > 50 或行数 > 300 时，应在测试前先重构。
主要能力：提供手动复杂度评估方法（统计条件分支、嵌套层级、总行数、useState 与 useEffect 数量），复杂度评分参考（0-25 简单、26-50 中等、51-75 复杂需重构、76-100 必须重构）。给出六种重构模式：提取自定义钩子、拆分子组件、简化条件逻辑、提取 API/数据逻辑、提取弹窗管理、提取表单逻辑。并含 Langflow 特有指南：Zustand 选择器、自定义节点组件、画布组件、API 查询钩子。
必要用法：在 src/frontend 目录下运行命令：cd src/frontend；npm run lint；npm run type-check；npm test。重构按步骤增量执行，每次提取后运行 lint、type-check、测试并手动验证功能，通过后再继续。目标为复杂度 < 50、行数 < 300、最大嵌套 ≤ 3、单个函数 < 30 行。
限制：技能明确该内容用于组件分解，而非查询/变更设计；重构数据获取时应使用 frontend-query-mutation 技能，不要创建单薄的 passthrough useQuery 包装；不要直接调用 useQuery 或 useMutation，应使用 UseRequestProcessor 模式。应避免过度工程、破坏既有模式、过早抽象。关于收费、价格、平台等信息暂未提供。