pi-claude-code

Claude Code-style TUI output with some personal touches and handy utilities.

Packages

Package details

extensiontheme

Install pi-claude-code from npm and Pi will load the resources declared by the package manifest.

npm repo home report

$ pi install npm:pi-claude-code

Package: pi-claude-code
Version: 1.2.0
Published: Oct 15, 2026
Downloads: 248/mo · 20/wk
Author: huantong
License: MIT
Types: extension, theme
Size: 1.1 MB
Dependencies: 5 dependencies · 3 peers

Pi manifest JSON

{
  "image": "https://raw.githubusercontent.com/111222333huantong/pi-claude-code/main/assets/readme/preview.webp",
  "video": "https://github.com/user-attachments/assets/6c858000-fdad-43f9-957f-4d0278648498",
  "themes": [
    "./themes/cc-dark.json",
    "./themes/cc-light.json",
    "./themes/catppuccin-mocha.json",
    "./themes/catppuccin-latte.json"
  ],
  "extensions": [
    "./extensions/index.ts"
  ]
}

Security note

Pi packages can execute code and influence agent behavior. Review the source before installing third-party packages.

README

pi-cc-extensions

类 Claude Code TUI 输出风格，并融入了一些个人喜好，和一些实用小功能。

界面预览

点击封面播放演示视频

快速开始

pi install npm:pi-claude-code

# GitHub
pi install git:github.com/111222333huantong/pi-claude-code

安装后执行 /reload

功能

功能	说明	入口
Claude Code UI	工具摘要、折叠展开、rich edit/write diff，以及`on` / `compact` / `off` 三种模式	`/ccstyle`
Markdown 增强	Mermaid 图、提示框、URL 链接化等	自动生效
Fullscreen mode	工具卡/group 单击展开与收起、预览、hover 高亮、回到底部按钮	`TUIMODE=fullscreen` 或 `--tui-mode fullscreen`
配置面板	`Style / Features / UI / Diff / Thinking / Footer` 六页签	`/ccstyle`
上下文检查	查看上下文占用，并预览 System prompt、Memory、Skills、Tools definition 和消息内容	`/context`
Session/Subagent 引用	搜索并注入历史 Session 或现有 SubAgent 的有效上下文	`@`
资源盘点	动画 mascot 启动头 + Loaded 资源面板，常驻查看命令	`/loaded`
图片粘贴	剪贴板/拖拽图片路径变为第一等附件，历史折叠预览	自动生效
剪贴板粘贴	Ctrl+V 直粘剪贴板图片或文字（仅 Windows），图片自动转附件	自动生效（Windows）
路径超链接	工具标题里的文件路径变为可点击 OSC8 链接（零宽度变化）	`/ccstyle` Features 页，默认关
状态栏（本 fork）	两行 footer：model/ctx/cost/mcp/ext + cwd/git，无图标纯文字，主题跟随	`/statusline`
状态栏（上游）	显示：模型、上下文、缓存、费用、git并适配 @narumitw/pi-usage 实时显示额度；git/缓存图标可关 Nerd Font	`/ccstyle`（关掉 `/statusline` 后生效）
主题	随包提供 CC Dark / CC Light / Catppuccin Mocha / Catppuccin Latte 四套主题	`/settings` → Theme

本包 fork 自 minuque/pi-cc-extensions（MIT），状态栏及后续改动由本 fork 维护。

on / compact 两种模式的渲染样例：默认模式 · 紧凑模式

配置

/ccstyle 的行为由 ~/.pi/agent/pi-cc-extensions.json 配置：

{
  // style
  "mode": "on",                            // on / compact / off
  "excludeRenderers": [],                  // 走原生渲染的工具名；Agent 始终保留专用渲染器

  // features
  "enableSessionReference": true,          // @ session 引用
  "enableSubagentAutocomplete": true,      // @subagent:[name] 补全与委派提示
  "enableContextCommand": true,            // /context 上下文检查
  "enableAgentSummary": true,              // 每回合工具摘要
  "enableWorkingMessage": true,            // Working... 底部 token/耗时
  "enableAliases": true,                   // /clear、/exit 别名

  // ui
  "expandedInputMaxLines": 5,              // 展开工具卡 Input 可见行数，超出在末行显示展开提示
  "expandedOutputMaxLines": 10,            // 展开工具卡 Output 可见行数，超出在末行显示展开提示
  "expandedPreviewMaxLines": 40,           // 展开 TaskList 正文最大行数（展开 diff 始终全量）
  "expandedCardBackground": "userMessageBg", // 展开卡背景槽位；userMessageBg 与用户消息同色，toolPendingBg 为中性灰
  "toolLabelClip": 0,                      // 工具摘要 path/command 折叠字符数；0 = 按可用宽度
  "showStartupHeader": true,               // 启动头（logo + tips）开关
  "stickyUserMessage": true,               // fullscreen：userMessage 正文首行滚出视口上沿后钉住，直到下一条指令接手

  // diff
  "diffViewMode": "auto",                  // 布局：auto / split / unified
  "diffIndicatorMode": "bars",             // 变更指示：bars / classic / none
  "diffPalette": "theme",                 // 配色：theme 跟随主题；claude 固定 CC 红绿 + 删行不高亮
  "diffSplitMinWidth": 120,                // 左右分栏的最小终端宽度
  "editDiffCollapsedLines": 24,            // edit 折叠行数；0 仅显示变更统计摘要
  "writeDiffCollapsedLines": 0,            // write 折叠行数，0 仅显示创建摘要
  "diffWordWrap": true,                    // 长 diff 行换行

  // thinking
  "useSummaryTitlesAsThinkingTitle": true, // 用最新摘要作思考标题
  "previewLines": 3,                       // 预览内容行数（空行不占窗口），0 隐藏
  "animationIntervalMs": 90,               // 标题动画间隔（毫秒）
  "thinkingExpandedMaxLines": 200,         // 展开先给尾部行数，再推进一次看全文
  "dimThinkingText": false,                // thinking 正文用 dim 色

  // ui（本 fork 增补）
  "showStartupHeader": true,               // 启动头（mascot + tips + Loaded）开关
  "startupAnimation": true,                // 每进程播放一次 mascot 成长动画
  "startupSlogan": "",                     // 启动头 slogan（空串关闭）；独立颜色见下
  "startupSloganColor": "accent",          // slogan 独立色：accent / success / warning / error / text / muted
  "quietStartup": true,                    // 隐藏原生启动资源列表，下会话生效
  "scrollStepLines": 3,                    // fullscreen 滚轮步进
  "completionBellAfterSec": 0,             // 回合超过 N 秒完成时响铃，0 关闭
  "liveToolPreview": true,                 // bash 执行中/落定尾预览开关
  "liveToolPreviewLines": 5,               // bash 尾预览行数

  // features（本 fork 增补）
  "enableImagePaster": true,               // 图片粘贴：剪贴板/拖拽图片转附件
  "enableClipboardPaste": true,            // Ctrl+V 剪贴板粘贴（仅 Windows）
  "enablePathHyperlinks": false,           // 工具标题文件路径 OSC8 超链接（默认关）
  "enableEscSteer": true,                  // 空草稿 Esc 中断后续跑
  "enableDoubleEscClear": true,            // 双击 Esc 清空草稿
  "enableCustomFooter": true,               // 上游 footer（本 fork 状态栏关闭时回退用）
  "footerTokenRate": true,                 // 输出速率芯片；false 隐藏
  "footerTokenRateMode": "average",        // average：整段指令平均（avg）；live：最近 1 秒瞬时（live）
  "footerTokenRateTtft": true,             // 速率芯片是否带 TTFT；false 只显示 tok/s
  "footerCurrency": "USD",                 // 底栏费用的显示币种
  "footerCurrencyRate": null,              // 1 单位费用换成多少显示币种；null 只换符号、不乘倍率
  "footerNerdIcons": true,                 // git/缓存用 Nerd Font 图标；false 为纯文本
  "footerGitStatsMode": "working",         // working（默认）：未提交改动；branch：分支累计净改动
  "footerHiddenKeys": [],                  // 隐藏的插件芯片 key
  "footerLine1Keys": ["pi-usage"],         // line1 插件芯片顺序；pi-usage 默认显示，数据来自 @narumitw/pi-usage
  "footerLine2Keys": [],                   // line2 插件芯片顺序（接在 cwd/git 后）
  "footerLine3Keys": []                    // line3 备用槽，有可见芯片才占行
}

本 fork 状态栏走独立文件 ~/.pi/agent/statusline.json（/statusline 开关，/ccstyle Features 页亦可切）：

{
  "enabled": true,       // 总闸；false 时回退上游 footer（再关则 Pi 原生 footer）
  "showWorktree": true   // L2 是否显示 wt <name>
}

[!TIP] 全屏模式：单击 click to show more 展开工具卡、思考、Skill 和 compact 摘要；工具卡展开态 diff 全量显示，Input/Output 超行时末行 … +N more lines · click to show more 打开全量预览，单击收起。

[!NOTE] Mermaid 渲染：建议把 markdown.mermaid 设为 final（~/.pi/agent/settings.json 或 /settings 面板的 Mermaid diagrams 选项）。默认 streaming 逐帧重绘，final 渲染最终版更稳定。

本地开发

./test.sh            # macOS/Linux，需要 node 和 pi
./test.bat           # Windows，经 Git Bash 运行 test.sh
pi -e .              # 只跑一次，不改 settings.json

兼容性

Node.js >=22.19.0，Pi ^0.84.0

扩展	用途
`npm:@arhen/pi-core-subagent`	并行 SubAgent、依赖图调度与工作树隔离（无底部常驻面板）
`npm:@tintinweb/pi-tasks`	Claude Code 风格任务跟踪与协调
`npm:pi-mcp-adapter`	按需发现 MCP 工具，减少上下文占用
`npm:pi-web-access`	网页搜索、URL 抓取、GitHub 克隆、PDF/视频解析
`npm:@narumitw/pi-usage`	查看当前账号用量（Codex / Copilot / OpenRouter）

致谢

Rich diff 改编自 MasuRii/pi-tool-display（MIT）；详见 extensions/renderer/tool/diff/ATTRIBUTION.md。
启动头 mascot 与 Loaded 盘点移植自 timvdhoorn/cc-my-pi（MIT），其灵感来自 Phoobobo/pi-claude-code-tui（MIT）。