claude-code-sub-agents

GitHub
1.5k 242 简单 1 次阅读 3天前MITAgent
AI 解读 由 AI 自动生成,仅供参考

claude-code-sub-agents 是一套专为 Claude Code 设计的开源子智能体集合,旨在通过引入 33 个具备特定领域专长的 AI 助手,全面增强全栈开发的工作流。它并非一个独立的软件,而是作为 Claude Code 的功能扩展插件存在,能够根据任务上下文自动调度或响应用户调用,提供从前端界面构建到后端架构设计的专业支持。

这套工具主要解决了通用 AI 助手在应对复杂、垂直技术领域时可能出现的“博而不精”问题。通过将大任务拆解并委派给精通 React、Next.js、Python、Go 或云基础设施等特定技术的专家型子智能体,它显著提升了代码生成的准确性、规范性和执行效率。无论是处理响应式布局、优化数据库模式,还是配置 CI/CD 流水线及排查生产环境故障,claude-code-sub-agents 都能提供更具针对性的解决方案,并内置了代码审查与验证机制以保障交付质量。

该工具特别适合从事全栈开发、DevOps 运维以及系统架构设计的专业开发者使用。如果你希望在使用 Claude Code 进行日常编码、遗留系统现代化改造或云资源管理时获得更精准的智能辅助,它将是一个得力的助手。其核心亮点在于智能化的多智能体编排能力,能够无缝协调不同领域的专家协同工作,既优化了资源利用,又确保了从 UI 设计到云端部署的全链路开发体验更加流畅高效。

使用场景

一家初创公司的全栈工程师正面临紧急任务:需要在两天内将现有的单体 Python 后端重构为微服务架构,并同步开发一个高性能的 React 前端仪表盘,同时确保部署流程自动化。

没有 claude-code-sub-agents 时

  • 上下文切换成本高:开发者必须在后端逻辑、前端组件和 DevOps 配置之间频繁切换思维模式,导致注意力分散,极易出现低级错误。
  • 专业深度不足:通用 AI 助手生成的代码往往缺乏特定领域的最佳实践,例如 Python 代码可能未充分利用异步特性,或 React 组件存在不必要的重渲染问题。
  • 架构一致性差:由于缺乏统一的架构视角,前后端接口定义容易出现偏差,数据库 schema 设计与 API 路由不匹配,导致联调阶段花费大量时间修复集成错误。
  • 部署风险不可控:手动编写 Dockerfile 和 CI/CD 流水线容易遗漏环境变量或安全配置,导致生产环境部署失败或存在安全隐患。

使用 claude-code-sub-agents 后

  • 智能自动分工:claude-code-sub-agents 根据任务上下文自动调用 backend-architect 设计微服务边界,react-pro 优化前端性能,deployment-engineer 配置容器化部署,开发者只需关注核心业务逻辑。
  • 领域专家级代码python-pro 生成符合 idiomatic 风格的高效后端代码,frontend-developer 确保 UI 组件的响应式布局和状态管理符合最佳实践,代码质量显著提升。
  • 端到端协同一致full-stack-developer 协调前后端接口定义,确保 TypeScript 类型与后端 API 响应严格匹配,大幅减少联调摩擦。
  • 自动化质量保证devops-incident-responder 预先检查部署配置,performance-engineer 识别潜在瓶颈,确保上线即稳定,无需反复试错。

核心价值在于通过领域专用的智能体协作,将复杂的全栈开发任务转化为并行且标准化的工作流,显著提升交付速度与代码可靠性。

运行环境要求

操作系统
  • Linux
  • macOS
  • Windows
GPU

未说明

内存

未说明

依赖
notes该工具是 Claude Code 的子代理(Subagents)集合,并非独立运行的 AI 模型,因此无本地 GPU/显存需求。核心依赖是安装并配置好 Anthropic 的 Claude Code 环境。需将代理文件复制到 ~/.claude/agents/ 目录。为获得最佳性能,建议在 ~/.claude.json 中配置多个 MCP 服务器(如 sequential-thinking, context7, magic, playwright 等),部分 MCP 服务可能需要 API Key。建议仅在复杂项目中于项目根目录放置 CLAUDE.md 以启用多代理协调,避免全局启用导致简单任务过度编排。
python未说明
Claude Code CLI
@modelcontextprotocol/server-sequential-thinking
@upstash/context7-mcp
@21st-dev/magic
@playwright/mcp
@modelcontextprotocol/server-filesystem
puppeteer-mcp-server
npx
claude-code-sub-agents hero image

快速开始

Claude Code 子代理集合

面向 Claude Code 的全面子代理集合,包含 33 个专业子代理,旨在通过领域专业知识和智能自动化提升开发工作流效率。

🚀 概述

本仓库收录了一系列精心挑选的专业子代理,可扩展 Claude Code 在整个软件开发生命周期中的能力。每个子代理专注于特定领域,可根据上下文分析自动调用,或在需要专业技能时被显式调用。

核心特性

  • 🤖 智能自动委派:Claude Code 会根据任务上下文自动选择最优代理。
  • 🔧 领域专长:每个代理专注于特定技术、模式和最佳实践。
  • 🔄 多代理编排:代理间无缝协作,支持复杂工作流。
  • 📊 质量保证:所有领域均内置评审与验证机制。
  • ⚡ 性能优化:代理设计注重高效完成任务及资源利用率。

可用子代理

现将代理按逻辑类别组织,便于导航:

🏗️ 开发

前端与 UI 专家

  • frontend-developer - 构建 React 组件、实现响应式布局并管理客户端状态。
  • ui-designer - 致力于用户友好界面的创意设计。
  • ux-designer - 专注于用户体验设计与交互优化。
  • react-pro - 精通 React 开发,包括 Hooks、性能优化及最佳实践。
  • nextjs-pro - Next.js 专家,擅长服务端渲染 (SSR)、静态生成 (SSG) 以及全栈 React 应用开发。

后端与架构

语言专家

  • python-pro - 编写符合 Python 语言习惯的代码,兼具高级特性和优化。
  • golang-pro - 编写规范的 Go 代码,熟练运用协程、通道和接口。
  • typescript-pro - 进行高级 TypeScript 开发,保障类型安全并采用现代模式。

平台与移动端

  • mobile-developer - 使用 React Native 或 Flutter 开发具备原生集成的应用。
  • electron-pro - 专注 Electron 桌面应用开发及跨平台解决方案。

开发者体验

  • dx-optimizer - 专注于改善开发工具、环境搭建及工作流程的专家。
  • legacy-modernizer - 重构遗留代码库,逐步推进现代化改造。

☁️ 基础设施

🔍 质量与测试

  • code-reviewer - 专注于代码质量、安全性及可维护性的专家级评审。
  • architect-reviewer - 审核代码变更是否符合架构一致性与设计模式。
  • qa-expert - 提供全面的 QA 流程与测试策略,确保质量。
  • test-automator - 创建涵盖单元测试、集成测试及端到端测试的完整测试套件。
  • debugger - 专门解决错误、测试失败及异常行为的调试专家。

📊 数据与 AI

数据工程与分析

  • data-engineer - 构建 ETL 流水线、数据仓库及流式架构。
  • data-scientist - 精通 SQL 查询、BigQuery 操作及数据洞察的数据分析专家。
  • database-optimizer - 优化 SQL 查询、设计高效索引并处理数据库迁移。
  • postgres-pro - PostgreSQL 数据库专家,擅长高级查询与优化。
  • graphql-architect - 设计 GraphQL 模式、解析器及联邦模式。

AI 与机器学习

  • ai-engineer - 构建 LLM 应用、RAG 系统及提示词流水线。
  • ml-engineer - 实现机器学习流水线、模型推理及特征工程。
  • prompt-engineer - 优化 LLM 和 AI 系统的提示词。

🛡️ 安全

🎯 专业化

💼 业务

  • product-manager - 具备战略眼光的产品经理,负责制定产品路线图并与利益相关方协调。

🎭 元编排

  • agent-organizer - 复杂多智能体任务的主控编排器。分析项目需求,组建最优智能体团队,并管理协作工作流以实现全面的项目执行。

核心能力:

  • 智能项目分析:技术栈检测、架构模式识别与需求提取
  • 战略团队组建:根据项目需求和复杂度选择1至3个最优智能体团队
  • 工作流编排:管理包含质量门和验证检查点的多阶段协作流程
  • 效率优化:针对常见任务(Bug修复、功能开发、文档编写)组建专注团队,同时为复杂项目提供全面编排支持

适用场景:复杂的多步骤项目、跨领域任务、架构决策、全面分析,或任何需要多个专业智能体协同工作的场景。

📦 安装

快速安装

手动安装(推荐)

您也可以手动复制单个智能体文件:

# 防止覆盖其他提供商的文档
mkdir ~/.claude/agents/lst97
# 将特定智能体复制到您的Claude智能体目录
cp /path/to/agents/*.md ~/.claude/agents/lst97

验证

要验证智能体是否正确加载:

# 列出所有可用智能体
ls ~/.claude/agents/lst97/*.md

# 检查Claude Code是否识别这些智能体(在Claude Code中运行)
# “列出所有可用子智能体”

快速安装

将这些子智能体放置在~/.claude/agents/目录下即可自动使用。Claude Code会在启动时自动检测并加载它们。这会使CLAUDE.md在全局范围内可用,但也可能与其他仓库发生冲突。

# 将仓库克隆到您的Claude智能体目录
# 文档基于https://github.com/wshobson/agents.git的脚手架
cd ~/.claude
git clone https://github.com/lst97/claude-code-sub-agents.git

# 或者如果目录已存在,拉取最新更新
cd ~/.claude
git pull origin main

🔧 MCP服务器配置(实现最佳性能所需)

为了在专用MCP(模型上下文协议)服务器上实现最佳性能,从而增强智能体的能力,您需要在Claude的全局设置文件(~/.claude.json)中添加以下配置:

"mcpServers": {
  "sequential-thinking": {
    "type": "stdio",
    "command": "npx",
    "args": [
      "-y",
      "@modelcontextprotocol/server-sequential-thinking"
    ],
    "env": {}
  },
  "context7": {
    "type": "stdio",
    "command": "npx",
    "args": [
      "-y",
      "@upstash/context7-mcp"
    ],
    "env": {}
  },
  "magic": {
    "type": "stdio",
    "command": "npx",
    "args": [
      "-y",
      "@21st-dev/magic@latest",
      "API_KEY=\"api-key\"" // 需要API密钥
    ],
    "env": {}
  },
  "playwright": {
    "type": "stdio",
    "command": "npx",
    "args": [
      "@playwright/mcp@latest"
    ],
    "env": {}
  },
  "filesystem": {
    "command": "npx",
    "args": [
      "-y",
      "@modelcontextprotocol/server-filesystem",
      "/your/allowed/path" // 请在此处添加您的路径
    ]
  },
  "puppeteer": {
    "command": "npx",
    "args": [
      "-y",
      "puppeteer-mcp-server"
    ],
    "env": {}
  }
}

MCP服务器的优势:

  • sequential-thinking:增强多步推理与复杂分析能力
  • context7:访问最新文档和框架模式
  • magic:高级UI组件生成与设计系统集成
  • playwright:跨浏览器测试与端到端自动化能力

注意:这些MCP服务器能显著提升智能体能力,但并非基本功能所必需。

🎭 高级:Agent-Organizer自动调度设置

对于需要多智能体协调的复杂项目,您可以在项目根目录(而非全局)启用调度协议:

# 将CLAUDE.md复制到您的项目根目录(推荐)
cp /path/to/agents/CLAUDE.md /path/to/your/project/CLAUDE.md

⚠️ 项目范围建议:

  • ✅ 项目专用:将CLAUDE.md放置在各个项目根目录中,以实现针对性的编排
  • ❌ 全局范围:避免将其放置在~/.claude/CLAUDE.md中,以免对简单任务过度编排
  • 🎯 选择性使用:仅在需要全面多智能体工作流的项目中启用

需权衡的方面:

  • 质量 vs 速度:多智能体工作流可提供专家级结果,但耗时较长
  • Token效率:进行全面分析和实施时,Token消耗会增加2至5倍
  • 复杂度匹配:最适合复杂项目,可能会使简单任务过度工程化

🔧 使用方法

自动调用(推荐)

Claude Code会智能分析您的请求,并根据以下因素自动委派给最合适的子智能体:

  • 上下文分析:关键词、文件类型及项目结构
  • 任务分类:开发、调试、优化等
  • 领域专长:将需求与专业知识匹配
  • 工作流模式:常见的多智能体协调场景

示例:“实现用户认证,并确保密码安全处理” → 自动使用:backend-architectsecurity-auditortest-automator

显式调用

当需要特定专业知识或希望控制智能体选择时:

# 直接请求智能体
“请code-reviewer检查我最近的更改”
“让security-auditor扫描漏洞”
“请performance-engineer优化这个瓶颈”

# 多智能体请求
“先让backend-architect设计API,再由security-auditor审核”
“用data-scientist分析这个数据集,然后让ai-engineer构建推荐系统”

混合方式

结合自动与显式调用:

# 显式开始,让Claude协调剩余部分
“先用backend-architect设计用户管理的REST API,然后自动完成实现”

# 在自动完成后进行显式验证
“自动实现这个功能,然后让security-auditor审查结果”

💡 使用示例

直接调用智能体

在不使用agent-organizer时,明确指定完成任务所需的智能体:

# 开发任务
“用backend-architect设计用户管理的REST API”
“让frontend-developer创建响应式的登录表单组件”
“请python-pro实现异步数据处理,并做好错误处理”
“让react-pro优化该组件的性能,同时添加正确的TypeScript类型”
“用typescript-pro重构此模块,提升类型安全性”

# 代码质量与评审
“使用代码评审员分析此拉取请求的最佳实践”
“请架构师评审员检查此更改是否保持架构一致性”
“让调试器调查此测试为何间歇性失败”

# 安全与性能
“请安全审计员扫描此认证模块是否存在漏洞”
“使用性能工程师识别此 API 端点中的瓶颈”
“让数据库优化师优化这些慢查询”

# 测试与 QA
“使用测试自动化工具为此用户服务创建全面的测试”
“请 QA 专家为此新功能设计测试策略”

# 基础设施与部署
“请 DevOps 事件响应人员调查此次生产部署失败的原因”
“使用云架构师为此微服务设计可扩展的基础设施”
“请部署工程师为此仓库搭建 CI/CD 流水线”

# 数据与 AI
“使用数据科学家分析此数据集中的用户行为模式”
“请 AI 工程师实现用于文档搜索的 RAG 系统”
“让机器学习工程师将此训练好的模型部署到生产环境”

# 文档与专业化
“使用文档专家创建全面的 API 文档”
“请 API 文档生成器为这些端点生成 OpenAPI 规范”

# 多智能体协调示例
“使用后端架构师设计 API,然后请安全审计员进行审查”
“让前端开发者构建组件,再使用测试自动化工具确保覆盖率”
“请数据库优化师优化查询,再由性能工程师验证结果”

智能体通信协议示例

每个智能体都使用带有特定于智能体上下文请求的标准化通信协议。以下是示例:

前端开发

{
  "requesting_agent": "frontend-developer",
  "request_type": "get_task_briefing",
  "payload": {
    "query": "需要 UI 组件开发的初始简报。请提供现有 React 项目结构、设计系统、组件库以及相关前端文件的概述。"
  }
}

📋 子智能体格式

每个子智能体都遵循标准化结构,以确保一致的行为和最佳集成:

文件结构

---
name: subagent-name
description: 何时应调用此子智能体
tools: tool1, tool2  # 可选 - 默认为所有工具
---

# 子智能体名称

**角色**: 详细的角色描述及主要职责

**专业知识**: 具体的技术、框架和领域知识

**关键能力**:
- 能力 1: 描述
- 能力 2: 描述
- 能力 3: 描述

定义子智能体专业行为、决策模式及其与其他智能体交互方式的系统提示。

必需组件

  • 名称: 与智能体名称匹配的短横线分隔文件名
  • 描述: 明确自动调用的触发条件
  • 角色定义: 具体的责任范围和边界
  • 专业知识领域: 技术、模式和领域知识
  • 系统提示: 详细的专业行为指令

可选组件

  • 工具: 特定的 Claude Code 工具(默认为所有可用工具)
  • 依赖关系: 此智能体常合作的其他智能体
  • 模式: 常见的工作流程模式和协作场景

🔄 智能体编排模式

Claude Code 自动使用以下模式协调智能体:

  • 顺序模式: architect → implement → test → review 用于依赖性任务
  • 并行模式: performance-engineer + database-optimizer 用于独立分析
  • 验证模式: primary-agent → security-auditor 用于关键组件
  • 迭代模式: review → refine → validate 用于优化任务

🎯 何时使用哪个智能体

🏗️ 规划与架构

智能体 最适合 示例用例
backend-architect API 设计、系统架构 RESTful API、微服务、数据库模式
frontend-developer UI/UX 规划、组件设计 React 组件、响应式布局、状态管理
cloud-architect 基础设施设计、可扩展性 AWS/Azure/GCP 架构、成本优化
graphql-architect GraphQL 系统设计 模式设计、解析器、联邦

💻 实施与开发

智能体 最适合 示例用例
python-pro Python 开发 Django/FastAPI 应用、数据处理、异步编程
golang-pro Go 开发 微服务、并发系统、CLI 工具
typescript-pro TypeScript 开发 类型安全的应用、高级 TypeScript 特性
react-pro React 专长 Hooks、性能优化、高级模式
nextjs-pro Next.js 应用 SSR/SSG、全栈 React、路由

☁️ 运营与维护

智能体 最适合 示例用例
devops-incident-responder 生产问题、部署 日志分析、部署失败、系统调试
incident-responder 重大故障 紧急响应、危机管理、升级处理
deployment-engineer CI/CD、容器化 Docker、Kubernetes、流水线配置
database-optimizer 数据库性能 查询优化、索引创建、迁移策略

📊 分析与优化

智能体 最适合 示例用例
performance-engineer 应用性能 瓶颈分析、缓存策略、优化
security-auditor 安全评估 漏洞扫描、OWASP 合规、威胁建模
data-scientist 数据分析 SQL 查询、BigQuery、洞察与报告
code-reviewer 代码质量 最佳实践、可维护性、架构审查

🧪 质量保证

代理 最适合 示例用例
test-automator 测试策略 单元测试、集成测试、端到端测试套件
debugger 错误排查 错误分析、测试失败、故障排除
architect-reviewer 设计验证 架构一致性、模式合规性

📚 最佳实践

  • 信任自动委派:Claude Code 在上下文分析和最优代理选择方面表现出色
  • 提供丰富上下文:包括技术栈、约束条件和项目背景
  • 使用显式控制:当需要特定专业知识时,可覆盖自动选择
  • 建立质量门控:将评审和验证纳入标准工作流程
  • 匹配任务复杂度:不要为简单任务过度设计,也不要让复杂任务资源不足

🤝 贡献

添加新代理

要向集合中贡献一个新的子代理:

  1. 遵循命名规范

    • 使用小写、连字符分隔的名称(例如 backend-architect.md
    • 名称应清晰表明代理的领域和角色
  2. 使用标准格式

    • 包含正确的 frontmatter,包括 namedescription 和可选的 tools
    • 按照 子代理格式 部分所述的结构化格式进行编写
  3. 撰写清晰描述

    • 描述应明确指出何时应自动调用该代理
    • 包括触发代理的具体关键词和情境
  4. 定义专业化行为

    • 包含详细的任务系统提示,明确角色、专长和能力
    • 定义与其他代理的交互模式
    • 规定决策框架和优先级
  5. 测试集成

    • 验证代理是否能根据描述自动调用
    • 使用明确请求进行显式调用测试
    • 确保与现有代理协调模式兼容

质量标准

  • 领域专长:代理应在其专业领域展现出深厚的知识
  • 清晰边界:明确代理负责和不负责的内容
  • 即插即用:设计为可与其他代理无缝协作
  • 一致语气:保持专业、友好且具有专家水准的沟通风格

提交流程

  1. 按照所有标准创建代理文件
  2. 使用各种调用模式测试代理
  3. 提交包含示例用例的拉取请求
  4. 包括关于代理独特价值和集成模式的文档

🛠️ 故障排除

常见问题:

  • 未选择代理:使用领域特定的关键字或显式调用
  • 意外选择:提供更多关于技术栈和需求的上下文
  • 通用回复:要求更具体的深度,并包含详细的约束条件
  • 建议冲突:请求不同专家之间的协调

资源:

📊 快速参考

最常用的代理

  1. code-reviewer - 质量保证和最佳实践
  2. backend-architect - API 和系统设计
  3. frontend-developer - UI/UX 实现
  4. security-auditor - 安全验证和合规
  5. performance-engineer - 优化和瓶颈分析

核心协调模式

  • 开发architect → implement → test → review
  • 调试debugger → specialist → validator
  • 优化performance-engineer + database-optimizer → validation
  • 安全primary-agent → security-auditor → approval

成功关键因素

  • ✅ 相信自动委派以获得最佳结果
  • ✅ 提供丰富上下文和具体需求
  • ✅ 有策略地使用显式调用
  • ✅ 建立质量门控和验证模式
  • ✅ 从代理协调模式中学习

🎬 示例

这些示例展示了真实世界中的多代理协调场景,并附有详细的资源指标,帮助您了解不同项目复杂度下的令牌使用量、执行时间和预期交付成果:

  • 示例 1:简单功能实现(约 30 万令牌,约 17 分钟)——展示针对重点组件开发的高效四代理协调
  • 示例 2:复杂系统实现(约 85 万令牌,约 45 分钟)——演示企业级七代理编排及错误恢复机制

两个示例均包含实际的令牌计数、执行时间以及交付成果质量,以便您在项目中规划和预算多代理工作流。

示例 1:ExportStep 组件实现

用户请求/sc:implement 使用 agent-organizer 设计并实现 ExportStep.tsx 函数,同时优化 UI/UX。

代理编排流程

代理编排

步骤 1:agent-organizer 分析(56.7K 个 token,1 分 20 秒)

  • 分析了现有项目结构和 Zustand 状态管理库
  • 制定了包含 7 项任务的完整实现计划
  • 组建了由 3 名专家代理组成的团队以协同执行

后端实现

步骤 2:backend-architect 实现(99.1K 个 token,7 分 31 秒)

  • 设计了完整的导出状态管理架构
  • 实现了 SRT、VTT、ASS 和 JSON 格式的格式转换工具
  • 集成了 Electron IPC 以实现无缝文件操作

前端增强

步骤 3:frontend-developer 增强(84.3K 个 token,5 分 29 秒)

  • 创建了具有真实事件处理程序的完全交互式 ExportStep 组件
  • 实现了基于字幕数据的实时预览生成功能
  • 添加了无障碍合规性(WCAG 2.1 AA)和响应式设计

测试策略

步骤 4:test-automator 质量保证(61.4K 个 token,2 分 46 秒)

  • 为格式转换器开发了全面的测试覆盖率
  • 搭建了 Jest 和 React Testing Library 测试框架
  • 制定了无障碍和交互测试策略

实现结果

最终输出

完整功能交付

  • 🏗️ 后端:带有状态管理、格式转换工具和 Electron IPC 集成的导出状态管理模块
  • 🎨 前端:具有实时预览、无障碍合规性和键盘导航功能的交互式 UI
  • 测试:具备框架搭建和验证的全面测试覆盖率

在线演示

项目指标

资源使用情况

  • 总 token 数:约 301K 个 token(agent-organizer:56K,backend-architect:99K,frontend-developer:84K,test-automator:61K)
  • 总耗时:约 30 分钟执行时间
  • 团队规模:4 名代理(1 名编排者 + 3 名专家)
  • 创建/修改的文件数:4 个主要文件(状态管理、组件、工具和测试)

效率亮点

  • 顺序协调:各代理无缝衔接前序工作
  • 高质量集成:生产就绪的导出系统,功能全面
  • 零破坏性变更:在不中断现有架构的情况下进行了增强

示例 2:复杂的工作区管理系统

用户请求/sc:design 实现一个复杂的工作区管理系统,支持用户配置持久化、多工作区、工作区分组以及类似 Discord 的拖放功能 UI。

第一阶段:全面设计与多代理评估

代理编排者设计阶段

组建 5 人团队:backend-architect、frontend-developer、electron-pro、ux-designer、test-automator

设计交付成果

  • 完整的 TypeScript 接口,涵盖工作区、工作区组及配置
  • IndexedDB 存储策略,并可从 localStorage 迁移
  • 受 Discord 启发的 UI 规范,支持拖放功能
  • 自动保存机制,具备冲突解决和备份策略
  • 包含质量门的 5 阶段实施计划

第一阶段工作

第一阶段评估结果

第一阶段完成 第一阶段总结

全面团队评估(5 名代理,总计约 400K 个 token):

  • 🏗️ 后端架构:IndexedDB 模式、启动时间小于 200 毫秒、迁移框架、自动保存策略
  • 🎨 前端组件:受 Discord 启发的设计、Material-UI 集成、渐进增强
  • Electron 集成:IPC 架构、安全模型、性能优化
  • 🎭 UX 设计:A+ UX 评分(92/100),无任何干扰,用户旅程验证
  • 测试策略:99.5% 的迁移成功率,4 层测试金字塔,设有质量门

完整实施结果

所有阶段完成

完整的 5 阶段实施

  • 阶段 1:评估与现状分析 ✅
  • 阶段 2:架构定稿与基础设施 ✅
  • 阶段 3:核心实现 ✅
  • 阶段 4:集成与迁移 ✅
  • 阶段 5:质量保证与最终完善 ✅

最终交付成果

  • 具有 IndexedDB 持久化的完整工作区管理系统
  • 支持拖放工作的区组织的 Discord 风格 UI
  • 多工作区支持及工作区分组功能
  • 无缝迁移到现有的 localStorage 系统
  • 全面的测试覆盖和错误恢复机制

资源指标与性能

项目总体指标

  • 使用的 token 数量:所有阶段及错误修复共约 900K 个 token
  • 耗时:总执行时间约 120 分钟
  • 参与的代理:7 名专业代理(5 名主要代理 + 2 名错误修复代理)
  • 代码行数:超过 15 个文件中总计约 2,400 行代码
  • 测试覆盖率:99.5%,涵盖了全面的边界情况(应为幻觉)

嵌套代理协调下的构建错误修复

构建错误检测

第二次用户指令@agent-code-reviewer-pro 应用程序存在构建错误,请找出所有构建错误,并请相关子代理进行修复。@agent-agent-organizer

嵌套子代理协调

错误修复流程

  1. code-reviewer-pro(68.5K 个 token,5 分 26 秒):发现了关键的 TypeScript 语法错误
  2. agent-organizer 协调:通过 typescript-pro 对构建错误进行系统性修复
  3. 嵌套委派:在代理工作流中调用专门的子代理进行针对性修复

错误修复效率

  • 检测:code-reviewer-pro 耗时约 5 分钟
  • 协调:agent-organizer 立即响应
  • 修复实施:嵌套的 typescript-pro 代理耗时约 30 分钟
  • 构建成功:经过系统性修复后,不再存在任何错误
  • 挑战性运行时错误:运行时错误发生,需要手动调试和指导

多代理的主要优势:

  • 🧠 智能编排:agent-organizer 协调了 5 名以上代理,完成了复杂的 5 阶段实施
  • 🔧 嵌套代理支持:通过工作流中的子代理委派进行错误修复
  • 📊 企业级质量:850K 个 token 的全面分析、设计和实施
  • ⚡ 快速错误恢复:通过专业代理的协调,在不到 8 分钟内解决了构建错误
  • 🎯 行业专业知识:每个代理都贡献了其专长领域知识(存储架构、UX 设计、TypeScript 修复)

祝您与 AI 专家团队一起愉快编码!🚀

版本历史

v1.1.02025/08/15
v1.0.02025/08/12

常见问题

相似工具推荐

stable-diffusion-webui

stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面,旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点,将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。 无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师,还是想要深入探索模型潜力的开发者与研究人员,都能从中获益。其核心亮点在于极高的功能丰富度:不仅支持文生图、图生图、局部重绘(Inpainting)和外绘(Outpainting)等基础模式,还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外,它内置了 GFPGAN 和 CodeFormer 等人脸修复工具,支持多种神经网络放大算法,并允许用户通过插件系统无限扩展能力。即使是显存有限的设备,stable-diffusion-webui 也提供了相应的优化选项,让高质量的 AI 艺术创作变得触手可及。

162.1k|★★★☆☆|今天
开发框架图像Agent

everything-claude-code

everything-claude-code 是一套专为 AI 编程助手(如 Claude Code、Codex、Cursor 等)打造的高性能优化系统。它不仅仅是一组配置文件,而是一个经过长期实战打磨的完整框架,旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。 通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能,everything-claude-code 能显著提升 AI 在复杂任务中的表现,帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略,使得模型响应更快、成本更低,同时有效防御潜在的攻击向量。 这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库,还是需要 AI 协助进行安全审计与自动化测试,everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目,它融合了多语言支持与丰富的实战钩子(hooks),让 AI 真正成长为懂上

139k|★★☆☆☆|今天
开发框架Agent语言模型

ComfyUI

ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎,专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式,采用直观的节点式流程图界面,让用户通过连接不同的功能模块即可构建个性化的生成管线。 这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景,也能自由组合模型、调整参数并实时预览效果,轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性,不仅支持 Windows、macOS 和 Linux 全平台,还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构,并率先支持 SDXL、Flux、SD3 等前沿模型。 无论是希望深入探索算法潜力的研究人员和开发者,还是追求极致创作自由度的设计师与资深 AI 绘画爱好者,ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能,使其成为当前最灵活、生态最丰富的开源扩散模型工具之一,帮助用户将创意高效转化为现实。

107.7k|★★☆☆☆|2天前
开发框架图像Agent

ML-For-Beginners

ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程,旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周,包含 26 节精炼课程和 52 道配套测验,内容涵盖从基础概念到实际应用的完整流程,有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。 无论是希望转型的开发者、需要补充算法背景的研究人员,还是对人工智能充满好奇的普通爱好者,都能从中受益。课程不仅提供了清晰的理论讲解,还强调动手实践,让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持,通过自动化机制提供了包括简体中文在内的 50 多种语言版本,极大地降低了全球不同背景用户的学习门槛。此外,项目采用开源协作模式,社区活跃且内容持续更新,确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路,ML-For-Beginners 将是理想的起点。

85k|★★☆☆☆|今天
图像数据工具视频

ragflow

RAGFlow 是一款领先的开源检索增强生成(RAG)引擎,旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体(Agent)能力相结合,不仅支持从各类文档中高效提取知识,还能让模型基于这些知识进行逻辑推理和任务执行。 在大模型应用中,幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构(如表格、图表及混合排版),显著提升了信息检索的准确度,从而有效减少模型“胡编乱造”的现象,确保回答既有据可依又具备时效性。其内置的智能体机制更进一步,使系统不仅能回答问题,还能自主规划步骤解决复杂问题。 这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统,还是致力于探索大模型在垂直领域落地的创新者,都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口,既降低了非算法背景用户的上手门槛,也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目,它正成为连接通用大模型与行业专有知识之间的重要桥梁。

77.1k|★★★☆☆|昨天
Agent图像开发框架

OpenHands

OpenHands 是一个专注于 AI 驱动开发的开源平台,旨在让智能体(Agent)像人类开发者一样理解、编写和调试代码。它解决了传统编程中重复性劳动多、环境配置复杂以及人机协作效率低等痛点,通过自动化流程显著提升开发速度。 无论是希望提升编码效率的软件工程师、探索智能体技术的研究人员,还是需要快速原型验证的技术团队,都能从中受益。OpenHands 提供了灵活多样的使用方式:既可以通过命令行(CLI)或本地图形界面在个人电脑上轻松上手,体验类似 Devin 的流畅交互;也能利用其强大的 Python SDK 自定义智能体逻辑,甚至在云端大规模部署上千个智能体并行工作。 其核心技术亮点在于模块化的软件智能体 SDK,这不仅构成了平台的引擎,还支持高度可组合的开发模式。此外,OpenHands 在 SWE-bench 基准测试中取得了 77.6% 的优异成绩,证明了其解决真实世界软件工程问题的能力。平台还具备完善的企业级功能,支持与 Slack、Jira 等工具集成,并提供细粒度的权限管理,适合从个人开发者到大型企业的各类用户场景。

70.6k|★★★☆☆|今天
语言模型Agent开发框架