Claude Code生态：CCR、SuperClaude、opcode、CCUsage

johnny233

2317人浏览 · 2025-09-19 22:30:40

johnny233 · 2025-09-19 22:30:40 发布

概述

AI辅助编码系列包括：

Claude Code Router

开源（GitHub，22K Star，1.7K Fork）、基于 Claude Code CLI构建的强大工具，简称CCR，用于配置、切换、使用多个AI模型提供商服务。

核心价值在于其提供的精细化控制功能：

智能模型路由（Model Routing）：降低AI API使用成本，CCR将根据任务类型和模型能力将请求智能地路由到最合适的模型。
- 可将计算量小、不那么紧急的后台任务路由到成本较低的本地模型，如通过Ollama运行的qwen2.5-coder:latest；
- 对于需要深度思考或规划的推理任务，可将其发送给推理能力更强的模型，如 deepseek、deepseek-reasoner；
- 处理超长上下文的任务，则可通过提前设置好API Key，路由到支持大上下文的模型，如gemini-2.5-pro-preview。
多提供商支持（Multi-Provider Support）：CCR支持包括OpenRouter、DeepSeek、Ollama、Gemini、Volcengine和SiliconFlow等在内的多种主流AI模型提供商；能够灵活组合和选择模型，降低对单一AI服务提供商的依赖，并根据市场价格和性能动态调整策略。
代理URL配置（PROXY_URL）：为了应对IP访问限制或潜在的IP封锁风险，CCR提供PROXY_URL配置选项。在~/.claude-code-router/config.json文件中设置代理URL，所有API请求都可以通过指定的代理服务器发出。这能够有效规避地域限制，保障服务的连续性和可访问性。
请求/响应转换（Request/Response Transformation）：不同模型提供商的API接口可能存在差异，CCR内置或允许自定义转换器（Transformers）；能够修改请求和响应的数据负载，确保与各种API的兼容性。如deepseek、gemini、openrouter是内置转换器，maxtoken转换器可设置 max_tokens值，tooluse则能优化某些模型的工具使用功能。
动态模型切换（Dynamic Model Switching）：在CC终端内部，可使用/model provider,model命令实时切换模型。如输入/model openrouter,anthropic/claude-4.0-sonnet即可快速调整所使用的AI模型。

安装：npm install -g @musistudio/claude-code-router

SuperClaude

之前的官网，现在的官网，开源（GitHub，18.1K Star，1.6K Fork）

并非独立可执行软件，而是一套为Claude Code打造的专业配置框架。通过本地化的模板系统，提供22个斜杠命令、14个智能体、6种行为模式，既能构建一致的证据化开发工作流，又能将令牌消耗量降低最高70%，且全程本地运行、无外部依赖，是注重隐私与结构化AI辅助开发者的优选工具。

简单说，给Claude Code装一堆插件，让它变得更聪明更专业。

核心差异化特性包括：Context7集成的自动文档查找、Git-based上下文checkpoint系统、UltraCompressed令牌优化模式。

安装

pipx install SuperClaude && SuperClaude install
pip install SuperClaude && SuperClaude install
npm install-g @bifrost_inc/superclaude && superclaude install

出现如下交互式配置界面
在这里插入图片描述
Stage 2

继续

安装组件

安装出错

编码问题，报错：

UnicodeEncodeError: 'gbk' codec can't encode character

解决方法：

set PYTHONIOENCODING=utf-8 # 设置Python输入输出编码
set PYTHONUTF8=1 # 启用Python的UTF-8模式

如果出现如下报错：
在这里插入图片描述
则是代理不稳定导致，重试即可。

解读

SuperClaude本质是为Claude Code赋能的配置框架，通过在~/.claude/目录部署模板系统，赋予其专业思维模式、结构化命令与证据化方法论。

安装成功后，打开C:\Users\johnny\.claude目录，新增两个文件夹（agents和commands）和若干个md文件。其中CLAUDE.md是主配置文件，定义框架基础行为。

核心框架包括：

BUSINESS_PANEL_EXAMPLES
BUSINESS_SYMBOLS
FLAGS
PRINCIPLES
RULES：治理与实践规范，统一开发标准

MCP和MODE下面再讲。

斜杠命令

在C:\Users\johnny\.claude\commands\sc目录下，共22个markdown文件（命令），即命令使用说明文档

/sc:analyze --focus architecture # 多维度代码分析，支持架构、性能等视角
/sc:build --type prod --clean --optimize # 通用项目构建，支持--react、--api、--tdd等标志
/sc:brainstorm "移动端支付系统" # 苏格拉底式提问，挖掘需求
/sc:business-panel [content] --focus "competitive-analysis"
/sc:cleanup --type imports --preview # 项目维护与冗余清理
/sc:design notification-service --type component --format code # 系统架构设计，支持 DDD 等模式
/sc:document src/api --type api --style detailed # 文档生成
/sc:estimate "optimize application performance" --type effort --unit hours # 项目工作量与成本评估
/sc:explain microservices-system --level advanced --format interactive 
/sc:git merge feature-branch --interactive # Git工作流管理，简化提交、分支操作
/sc:implement user authentication API --type api --safe --with-tests
/sc:improve src/ --type quality --safe # 代码质量与性能增强
/sc:index src/api --type api --format json
/sc:load /path/to/project --type project --analyze # 加载项目上下文，快速衔接开发状态
/sc:reflect --type session --validate
/sc:save --type all --checkpoint
/sc:spawn "establish CI/CD pipeline with security scanning" # 创建专用子代理，聚焦细分任务
/sc:select-tool "save project context and discoveries"
/sc:test --coverage # 综合测试工作流，覆盖单元测试、集成测试
/sc:troubleshoot "NPE" # 根本原因分析，定位复杂问题
/sc:task execute "microservices platform" --strategy enterprise --parallel
/sc:workflow PRD/feature-spec.md --strategy systematic --depth deep

AI代理

在C:\Users\johnny\.claude\agents目录下，共15个md文件（代理），即命令使用说明文档

SuperClaude有15个专业代理，各有擅长，大致分类：

架构设计类（系统思维）

@agent-backend-architect
@agent-business-panel-experts
@agent-devops-architect
@agent-frontend-architect
@agent-learning-guide # 编程概念教学和代码解释
@agent-performance-engineer # 系统性能优化专家
@agent-python-expert
@agent-quality-engineer # 综合测试策略专家
@agent-root-cause-analyst # 问题调查，基于证据分析
@agent-refactoring-expert # 系统重构
@agent-requirements-analyst # 需求发现和规格开发
@agent-security-engineer # 安全威胁建模专家
@agent-system-architect # 系统专家，专注可扩展性
@agent-socratic-mentor # 苏格拉底式教学方法
@agent-technical-writer # 技术文档编写

其中business-panel-experts，商业专家，给出yaml格式模板，并模仿商界大佬，如

Clayton Christensen：破坏性创新、策略布局
Michael Porter：企业经营、竞争力策略
Peter Drucker：现代管理学之父
Seth Godin：营销专家
W. Chan Kim & Renée Mauborgne
Jim Collins：
Nassim Nicholas Taleb：风险和不确定性领域
Donella Meadows
Jean-luc Doumont：

模式

Task Management Mode：任务管理模式
触发条件：多步骤操作（>3步），复杂范围（>2目录或>3文件）

# 可能会检测到复杂任务，启用任务管理模式 
/sc:implement "用户认证系统"# 
→ 大概会分解为5个阶段：需求分析、架构设计、核心开发、测试验证、部署上线

Orchestration Mode：编排模式
触发条件：多工具操作，性能约束，并行执行机会

选择工具组合，实现并行处理。比如分析代码时，可能会同时调用多个分析工具。

Token Efficiency Mode：Token优化模式

触发条件：上下文使用>75%，大规模操作

在这个模式下，SuperClaude似乎会用符号化交流，Token使用量能减少30-50%，但信息完整度应该还能保持95%以上。

Introspection Mode：内省模式

触发条件：错误恢复，复杂问题求解

出现意外结果时可能会自动激活，会分析自己的推理过程，试图找出问题所在。

Brainstorming Model：头脑风暴模式

Business Panel：商业小组模式

MCP

Context7：官方文档查询

/sc:implement "React authentication system" --c7 # Context7获取React官方文档，确保方案是比较新的实践

用Context7查较新版官方文档，比自己翻文档效率高。

Sequential：复杂问题分解工具

# 系统性能问题诊断 
/sc:troubleshoot "API response time" --seq # Sequential系统性分析：网络、数据库、代码、服务器...层层递进

有次遇到并发问题，Sequential帮我建立分析框架，从假设到验证，逻辑还挺严密的。

magic：UI组件生成（需API密钥）

magic #

Playwright：真实浏览器测试

# 端到端测试生成
/sc:test"user login flow" --play # 生成真实浏览器环境的测试脚本

Morphllm：批量代码编辑利器，需API密钥

# 批量重构，token效率提升挺多"update all console.log to logger calls" --morph

Serena：语义代码理解专家

# 项目上下文管理
/sc:load --serena # 载入项目语义理解
/sc:save --serena # 保存会话上下文

实例

重构一个Node.js项目

阶段一：项目分析

# 载入项目并进行分析
/sc:load ./src 
/sc:analyze --focus architecture
/sc:analyze --focus security  
/sc:analyze --focus performance

分析结果可能比预期的多一些：

发现3个循环依赖
检测到2个潜在的SQL注入风险
识别出5个性能瓶颈点
代码复杂度超标的模块有8个

阶段二：制定重构计划

# 需求梳理和计划制定 
/sc:brainstorm "Node.js API modernization" 
/sc:design "refactoring roadmap"

SuperClaude给出5阶段计划：

安全问题修复（高优先级）
架构优化（解决循环依赖）
性能提升（数据库查询优化）
代码质量改善（重构复杂模块）
测试覆盖率提升

阶段三：分阶段实施
阶段1：安全加固

# 安全专家介入 @security-engineer "检查API安全漏洞"
 /sc:implement "fix SQL injection risks" --focus security

安全专家不仅修复SQL注入问题，还建议了参数验证、访问控制的改进方案。

阶段2：架构重构

# 架构专家设计方案  
 @backend-architect "解决循环依赖问题"
 /sc:refactor --scope module "user and auth modules"

架构重构后，依赖关系好像变得清晰一些，模块耦合度应该降低了不少。

阶段3：性能优化

# 性能专家分析优化点 @performance-engineer "优化数据库查询"
 /sc:optimize --focus database "user data queries"

数据库查询性能可能提升60%，页面响应时间从2s降到800ms左右。

阶段四：质量保证

# 质量工程师制定测试策略 @quality-engineer 
"创建完整测试套件" /sc:test --coverage "all API endpoints"# Playwright进行端到端测试 /sc:test"critical user journeys" --play

测试覆盖率从原来的45%提升到85%，E2E测试大概覆盖主要业务流程。

阶段五：部署准备（运维保障）

# DevOps专家设计部署方案 
@devops-architect "创建部署流水线" 
/sc:implement "monitoring and alerting setup"

技巧

代理组合使用

# 学习新技术时可以这样搭配 @requirements-analyst "分析GraphQL需求" @backend-architect "设计GraphQL实现方案"   /sc:implement "GraphQL API with authentication" --c7

会话管理

# 关键节点保存 /sc:save "architecture-analysis-complete" 
/sc:save "phase-1-security-fixes-done"# 恢复到特定状态 
/sc:load "architecture-analysis-complete"

在长期项目中可能比较有用，可以回到关键决策点。

并行分析

# 同时从多个角度分析问题 /sc:analyze --focus architecture & /sc:analyze --focus security &   /sc:analyze --focus performance &

并行分析能提升效率，特别是在项目初期评估阶段。

opcode

开源（GitHub，18.8K Star，1.4K Fork），官网。后端基于Rust，前端基于Radix UI和Tailwind CSS+Tauri 2构建的桌面应用程序，为Claude Code提供强大GUI，原本需要在命令行中记忆各种参数、手动管理会话的繁琐操作，现在全部变成直观的点击、拖拽和可视化操作。

功能：

可视化管理所有Claude Code项目和会话
创建自定义AI代理，让AI为你自动完成各种编程任务
实时监控API使用情况和成本
时光回溯到任何编程时刻，再也不怕代码丢失

传统方式的痛点：

需要记忆大量命令参数
会话管理混乱，容易丢失工作进度
无法直观查看API使用成本
缺乏可视化的项目组织

Claudia优势：

零学习成本：直观的图形界面，点点鼠标就能完成所有操作
智能会话管理：自动保存和恢复工作进度
成本透明化：实时图表显示API使用情况
项目可视化：清晰的文件树和会话历史

功能

可创建各种自定义AI代理
- Git Commit Bot：自动分析代码变更，生成规范的提交信息并推送
- Security Scanner：AI驱动的代码安全审计，支持OWASP Top 10等安全标准
- Unit Tests Bot：自动生成单元测试，确保代码覆盖率>80%
分析仪表板：实时监控你的Claude API使用情况：
- 成本追踪：按模型、项目、时间维度统计
- 可视化图表：直观展示使用趋势
- 数据导出：支持财务分析和报告生成
时间轴与检查点
- 创建检查点：在任何时刻保存编程状态
- 分支会话：从检查点创建新的开发分支
- 差异对比：查看代码变更历史
- 一键恢复：瞬间回到任何编程时刻
MCP集成
- 服务器注册中心：统一管理所有MCP服务器
- 可视化配置：拖拽式服务器设置
- 连接测试：部署前自动验证连接状态

安装

# 安装Rust
curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
# 安装Bun
curl -fsSL https://bun.sh/install | bash
# 安装Claude Code CLI，从https://claude.ai/code下载安装
git clone https://github.com/getAsterisk/claudia.git
cd claudia
# 安装依赖
bun install
# 构建应用
bun run build
# 运行开发服务器
bun run dev

使用

创建AI代理示例

{
  "version": 1,
  "agent": {
    "name": "代码审查助手",
    "icon": "shield",
    "model": "sonnet",
    "system_prompt": "你是一个专业的代码审查专家，请仔细检查代码质量、性能和安全性。",
    "default_task": "审查当前项目的代码质量"
  }
}

运行代理任务

// 在Claudia界面中
// 1. 选择"CC Agents"
// 2. 点击"Create Agent"
// 3. 配置代理参数
// 4. 选择项目并执行任务

最佳实践建议

代理设计原则
- 专注单一功能，避免过度复杂化
- 编写清晰的系统提示词
- 选择合适的模型（Haiku用于简单任务，Opus用于复杂推理）
项目管理技巧
- 定期创建检查点保存重要进度
- 使用标签分类不同类型的会话
- 启用自动会话备份功能
成本优化策略
- 监控使用趋势，设置预算预警
- 对简单任务使用Haiku模型节省成本
- 定期清理无用会话释放存储空间

CCUsage

官网。开源（GitHub，9K Star，284 Fork），Claude Code使用量分析。

Conductor

官网，目前仅提供Mac下载程序。

将Claude Code命令行包装成直观GUI，通过Git Worktree技术实现真正并行开发体验，特别适合处理多任务并行开发场景。

技术原理：通过套壳方式将Claude Code的核心能力进行图形化封装，每个Workspace对应一个Git Worktree，实现文件系统级别的任务隔离。支持启动脚本自动化、弱文件系统浏览、差异对比查看等增强功能。

特性
核心架构与界面设计

图形化套壳架构：为Claude Code提供完整的GUI支持，摆脱纯命令行操作
高频率更新迭代：持续集成Claude Code最新核心能力，保持功能同步
四象限界面布局：中央Claude Code对话输出区、左侧Workspace管理区、右上Git状态、右下终端
弱文件系统设计：支持文件Diff查看，无需跳转IDE即可查看改动

并行化工作流管理

Git Worktree：实现多任务并行开发，每个任务独立目录
Workspace：对应Git Worktree，支持无限并行分支开发
独立分支管理：每个Workspace独立分支，便于PR和代码管理
场景优化：特别适合Issue处理、Bug修复等并行任务

配置管理与集成

通用设置：默认模型、主题、提示音、压缩阈值等个性化配置
智能优化：自动移除Claude冗余回复，提供新手引导
平台集成：GitHub Linear深度集成
MCP支持：内置常用MCP，图形化配置管理

特色功能与体验

Plan Mode：将Claude Code规划过程图形化，任务可视化
智能输入框：模型切换、附件上传、提示词快捷选择
自动化脚本：Workspace启动脚本，自动执行npm install等
上下文管理：图形化压缩和清理，无需命令行操作

第三方平台接入

Provider扩展：支持GAC等第三方LLM平台
简单配置：只需Base URL和API Key即可接入
代理支持：HTTP代理配置，解决连接问题
灵活切换：官方账号与第三方平台快速切换

局限性与注意事项

命令复制：并非完全兼容原版Claude Code CLI命令（如/context、/bashes、/todos）
功能限制：部分功能需要等接口支持
网络依赖：创建Workspace需要稳定的代理，否则Git代码拉取会失败
选择考量：仅推荐开发者GUI选择任务时使用

最佳应用场景：特别适合GitHub Issue批量处理，一个Issue对应一个Workspace，并行修复多个Bug，独立提交PR。相比传统的分支切换方式，避免繁琐stash操作，真正实现并行化Vibe Coding。

CUI

开源（GitHub，1K Star，99 Fork），又一个Claude Code GUI。

技术栈：后端使用Express + TypeScript + SQLite，前端使用React + Vite + Tailwind CSS + PWA

安装

git clone https://github.com/wbopan/cui.git
cd cui
npm install # 安装依赖
npm run build # 构建用于生成MCP可执行文件
npm run dev # 启动开发服务器

浏览器打开http://localhost:3001，界面和ChatGPT没有太大区别。

主配置文件~/.cui/config.json：

{
	"port": 3001,
	"claudeExecutablePath": "D:\Program Files\nodejs\node_global\claude",
	"enableAuth": false,
	"logLevel": "info",
	"gemini": {
		"apiKey": ""
	},
	"webPush": {
		"vapidKeys": {
			"publicKey": "xxxx",
			"privateKey": "yyyy"
	  }
	}
}

CCometixLine

开源（GitHub，836 Star，58 Fork）、基于Rust的高性能Claude Code的状态栏工具，集成Git信息、实时使用量跟踪、交互式TUI配置和Claude Code补丁工具。

特性

核心功能
- Git集成：显示分支、状态和跟踪信息
- 模型显示：简化Claude模型名称
- 使用量跟踪：基于转录文件分析
- 目录显示：显示当前工作空间
- 简洁设计：使用 Nerd Font图标
交互式TUI功能
- 交互式主菜单：无输入时直接执行显示菜单
- TUI配置界面：实时预览配置效果
- 主题系统：多种内置预设主题
- 段落自定义：精细化控制各段落
- 配置管理：初始化、检查、编辑配置
Claude Code增强
- 禁用上下文警告：移除烦人的Context low消息
- 启用详细模式：增强输出详细信息
- 稳定补丁器：适应Claude Code版本更新
- 自动备份：安全修改，支持轻松恢复

安装：npm install -g @cometix/ccline

使用文档参考GitHub。

Claude Code生态：CCR、SuperClaude、opcode、CCUsage

johnny233

概述

Claude Code Router

SuperClaude

安装

解读

斜杠命令

AI代理

模式

MCP

实例

技巧

opcode

安装

使用

CCUsage

Conductor

CUI

CCometixLine

推荐阅读

所有评论(0)

johnny233

Claude Code生态：CCR、SuperClaude、opcode、CCUsage

johnny233

概述

Claude Code Router

SuperClaude

安装

解读

斜杠命令

AI代理

模式

MCP

实例

技巧

opcode

安装

使用

CCUsage

Conductor

CUI

CCometixLine

推荐阅读

所有评论(0)

温馨提示：您尚未绑定手机号

johnny233