资讯动态

自定义你的 Claude Code 外观:claude-sneakpeek 品牌主题与 tweakcc 完整定制教程

发布时间:2026/10/15 15:08:44 来源:尧图企业网站定制
【免费下载链接】claude-sneakpeekGet a parallel build of Claude code that unlocks feature-flagged capabilities like swarm mode.项目地址https://gitcode.com/gh_mirrors/cl/claude-sneakpeek点击查看免费下载Claude Code 官方默认外观千篇一律claude-sneakpeek 让你一键解锁 Claude Code 品牌主题定制能力内置 5 套品牌主题预设brand preset并集成 tweakcc 主题引擎可深度定制颜色、思考动词、Spinner 动画、用户消息样式等让你的 Claude Code 实例拥有独一无二的专属外观。运行claude-sneakpeek后进入的就是交互式 TUI从这里可以创建、管理各个主题变体。一、什么是品牌主题Brand Themeclaude-sneakpeek 为不同 API 服务商各设计了一套「品牌主题」每套主题包含专属配色、思考动词、Spinner 动画和用户消息横幅样式。所有预设集中定义在 src/brands/index.ts 中品牌预设--brand 值主题名称风格特点zaiZ.ai Carbon深碳色底 金色/蓝色点缀minimaxMiniMax Pulse红/橙/粉/紫的高饱和光谱色openrouterOpenRouter Teal浅色 UI 青绿色点缀ccrouterCCRouter Sky清爽天蓝色系mirrorMirror Claude镜面银/铬色 电光蓝每套主题源码可读性很强比如镜面主题的完整配色方案见 src/brands/mirror.tsMiniMax 主题见 src/brands/minimax.ts。上图就是各品牌主题的实际效果Z.ai 的碳黑金橙风、MiniMax 的脉冲光谱风、OpenRouter 的青绿风、CCRouter 的天蓝风——一眼就能区分。二、创建变体时如何快速应用主题方式 1命令行参数最快使用--brand参数指定预设auto会根据所选服务商自动匹配npx realmikekelly/claude-sneakpeek quick --provider zai --brand auto --name zclaude npx realmikekelly/claude-sneakpeek quick --provider mirror --brand mirror --name mclaude可选值为auto | none | zai | minimax | openrouter | ccrouter | mirror。参数解析逻辑见 src/cli/commands/create.ts。方式 2交互式向导中手动选择直接运行npx realmikekelly/claude-sneakpeek在创建向导里会出现Brand preset (auto, none, zai, minimax, ...)提示项直接输入预设名即可。 选择none或default/off可完全禁用品牌主题保持 Claude Code 原样。主题是如何生效的创建流程中的 BrandThemeStep 会把品牌主题写入变体配置并把它设为默认主题forceTheme所以你启动该变体时看到的已经是定制后的界面无需任何手动切换。三、进阶定制用 tweakcc 深度改造外观品牌预设只是起点。tweakcc 是 claude-sneakpeek 集成的主题引擎它会直接修补 Claude Code 的cli.js能力远超换色自定义主题带 RGB/HSL 拾色器思考动词自定义 Thinking... 的动词文案Spinner 动画自定义动画阶段与速度用户消息样式边框、配色、用户名横幅格式输入框边框一键去除 ASCII 边框思考块默认展开启动横幅显示/隐藏 banner 与 clawd 艺术图完整能力清单见 docs/TWEAKCC-GUIDE.md。一键打开 tweakcc 界面对已存在的变体执行npx realmikekelly/claude-sneakpeek tweak 变体名命令入口在 src/cli/commands/tweak.ts执行时会以该变体专属的配置目录启动 tweakcc 交互界面所有修改只影响当前变体互不干扰。各变体的 tweakcc 配置独立存放在~/.claude-sneakpeek/变体名/tweakcc/config.json ~/.claude-sneakpeek/变体名/tweakcc/system-prompts/配置结构速览config.json的核心字段完整类型定义见 src/brands/types.ts{ settings: { themes: [ { name: MiniMax Pulse, id: minimax-pulse, colors: { } } ], thinkingVerbs: { format: {}... , verbs: [Resonating, Prisming] }, thinkingStyle: { updateInterval: 90, phases: [·, •, ◦, •] }, userMessageDisplay: { format: [用户名] {} , borderStyle: topBottomDouble }, inputBox: { removeBorder: true }, misc: { expandThinkingBlocks: true, hideStartupBanner: true } } }四、打造专属主题的 6 个推荐配置点参考 docs/TWEAKCC-GUIDE.md 中的官方建议主色克制选 1 个标志性主色如claude或bashBorder 1~2 个辅助色背景与文字保持高对比度用户消息横幅format设为[用户名] {}fitBoxToContent设为true横幅随内容自适应思考动词快速模型用短促动词Routing、Syncing深度思考用长动词Calibrating、SynthesizingSpinner 节奏如[·,•,◦,•]营造干净极简的呼吸感输入框inputBox.removeBorder: true去掉边框界面更清爽杂项体验expandThinkingBlocks默认展开思考块hideStartupBanner控制启动横幅 用户横幅里的用户名取自环境变量CLAUDE_CODE_USER_LABEL未设置则用系统用户名规则见 src/brands/userLabel.ts。五、常见问题与注意事项Q更新 Claude Code 后主题补丁失败怎么办tweakcc 对版本敏感Claude Code 升级后个别补丁失败是正常现象tweakcc 界面本身仍可正常工作claude-sneakpeek 会在update时自动重新应用补丁。Q如何跳过主题定制创建时加--no-tweak参数即可跳过 tweakcc 主题步骤。Q如何自定义上下文窗口大小设置环境变量CLAUDE_CODE_CONTEXT_LIMIT例如CLAUDE_CODE_CONTEXT_LIMIT400000仅建议用于支持更大窗口的自定义端点。Q系统提示词能改吗可以但风险较高。建议只改 core prompt 这一个文件保持 diff 小、不删除安全与工具说明Claude Code 更新产生冲突时 tweakcc 会生成 HTML diff 辅助合并。六、相关文件索引模块路径品牌预设注册表src/brands/index.ts主题配置类型定义src/brands/types.tstweakcc 配置写入与补丁应用src/core/tweakcc.ts创建流程中的主题步骤src/core/variant-builder/steps/BrandThemeStep.tstweakcc 能力指南docs/TWEAKCC-GUIDE.md总结claude-sneakpeek 的品牌主题让你 30 秒内拥有专属配色的 Claude Code而 tweakcc 则打开完整定制之门——颜色、动词、动画、横幅随心改。先用--brand auto快速上手再用tweak 变体名打磨出你的终极外观吧。赞分享【免费下载链接】claude-sneakpeekGet a parallel build of Claude code that unlocks feature-flagged capabilities like swarm mode.项目地址https://gitcode.com/gh_mirrors/cl/claude-sneakpeek点击查看免费下载相关推荐5分钟解锁网络资源宝库res-downloader智能下载神器完整指南5分钟解锁网络资源宝库res downloader智能下载神器完整指南 你是否曾在微信视频号看到感人瞬间却无法保存是否在抖音发现精彩片段却无法下载今天我桌面应用网络音视频QuantConnect Lean算法交易引擎5步构建专业级量化投资系统QuantConnect Lean算法交易引擎5步构建专业级量化投资系统 QuantConnect Lean算法交易引擎是面向量化投资开发者的开源解决方案支金融科技后端终极Editor.js主题定制指南从零开始打造专属编辑器外观终极Editor.js主题定制指南从零开始打造专属编辑器外观 Editor.js 作为一款模块化的块级编辑器凭借其简洁的 JSON 输出和灵活的插件系统广受前端富文本UI组件创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑