• MotorwaySouth

    本帖使用社区开源推广,符合推广要求。我申明并遵循社区要求的以下内容:

    - 我的帖子已经打上 开源推广 标签: 是

    - 我的开源项目完整开源,无未开源部分: 是

    - 我的开源项目已链接认可 LINUX DO 社区: 是

    - 我帖子内的项目介绍,AI生成、润色内容部分已截图发出: 是

    - 以上选择我承诺是永久有效的,接受社区和佬友监督: 是

    以下为项目介绍正文内容,AI生成、润色内容已使用截图方式发出


    无法忍受cowork糟糕的用量和bug,原始vsc cc界面丑陋的像A\的野娃子。

    故自制vsc cc前端改造项目。对vsvscode cc插件界面前端的大幅度优化,包含现代ai交互前端需要包含的要素:和A\网页和app靠拢的统一的界面风格,各类复杂数学公式的正确渲染和排版,非侵入式的只读性的实时用量和缓存命中率显示。

    简单说

    - 这不是第三方 GUI——是 VS Code 官方 Claude Code 扩展的本地前端改造。对模型厂商的网络请求、鉴权、模型路由、工具调用流程一概不动。

    - 改的全在渲染层——排版、字体、数学公式、代码块、表格、工具调用折叠、上下文与缓存提示等等,全都在本地的 webview 里跑。

    如下图所示

    图片

    图片

    图片

    图片

    图片

    图片

    图片

    安装方法

    需要 Node.js 16 或更新。

    通过下列命令安装```
    npm install -g incipit
    ``然后终端输入incipit,可进入到cli交互界面进行配置:``
    incipit
    ```图片

    若需要非交互式快速应用:```
    incipit apply # 直接应用
    incipit restore # 直接还原
    ```因为是本地文件修改,宿主claude code更新需要重新应用渲染优化

    长时阅读优化

    windos的文字渲染有一系列历史遗留问题,相较于mac和linux显示若调试不到位会发糊。incipit针对windos进行了特别优化。

    请本机设置搜索并启用

    图片

    这是利用字体边缘渲染rgb彩色像素点的大幅提升文字的清晰度和平滑度技术,incipit通过适配chromium允许启用cleartype的条件和接口支持这一点,再通过背景颜色和文字颜色的调整,为长时阅读和工作提供舒适的环境。

    图片

    合规性

    这是一个纯本地侧前端改造项目,没有侵入任何模型工具调用层,网络请求层。没有任何的主动调用网络接口和查询,用量统计是只读本地json记录。理论上A\不会认为这是不正常的vscode cc插件用户。如依然担忧风险,请勿使用本项目。

    三端支持

    理论支持Mac\Linux\Windos。Mac与Linux未经过全面测试,任何BUG请反馈至issue,

    项目仓库

    图片

    github.com

    GitHub - yc-duan/incipit: A frontend rework of the official Claude Code VS Code...

    main

    A frontend rework of the official Claude Code VS Code extension — surface redrawn, engine untouched - yc-duan/incipit

    完整功能清单

    以下列出 incipit 对 Claude Code 聊天界面做的全部可感知改动。

    阅读与排版

    - 正文换成衬线字体(英文 IBM Plex Serif,中文 Noto Sans SC)

    - 行距、段距、标题间距重新设定

    - 六级标题靠字重和字距区分,不靠字号膨胀;字号按整数像素锁定,避免衬线在屏幕不发毛

    - 消息里的 H1 视觉上降到 H2 同级,让页面顶部的对话标题保持唯一的视觉焦点

    - 配色改为暖色调暗底,只保留一个克制的陶土红 accent;原界面高饱和警示元素收敛到统一视觉语言

    - 链接采用学术脚注样式:文字与正文同色,底部陶土红圆点下划线

    - 用户气泡、输入框、聊天背景三层颜色自然区分,不再混成一片

    - Windows 下字号和字体参数专门调过,ClearType 次像素渲染保持在最佳状态

    - 中英文标点之间的呼吸感按排版规则自动生成

    - Effort 滑块和 Thinking 开关的蓝色覆盖为暖棕,和整体色调一致

    数学公式

    - 原生 Claude Code 不渲染公式,incipit 就地排成数学符号

    - 行内公式 $...$ / \(...\) 和独立段落公式 $...$ / \[...\] 全部支持

    - Claude 直接输出裸 \begin{pmatrix}...\end{pmatrix} 不外包 $ 的情况也能识别

    - align / cases / array / matrix / gather / multline 等 25 种常见 LaTeX 环境原生支持

    - 公式里的 \text{中文} 自动走正文字体栈,不会掉成英文回退字

    - \left(\underbrace{...}_{label}\right) 这类带标签的括号不再被撑成巨号

    - 所有渲染在本地 KaTeX 引擎完成,不向任何服务器发一个字节

    Thinking 与用户消息(opus4.7不再传思考块内容,故无法感知此优化)

    - thinking块展开不再是全部块展开,而是单一块保留自身展开与关闭信息,视点不再跳跃

    - 用户消息气泡加了复制按钮

    - 超长的用户消息可以折叠再展开,不占视口

    工具调用

    - 工具调用默认折叠,长对话不再被展开的 diff 编辑器淹没

    - Edit / MultiEdit / Write 操作显示精确的 +N / -M 行数

    - 其他工具(Bash / Read / Grep 等)保留宿主的一行简短描述作为标识

    - 展开箭头动画和 thinking 块统一

    - 深层的绝对路径自动截断为 …\父目录\文件名,鼠标悬停显示完整路径

    - 点击整行任意位置切换折叠,文件路径本身保持可选中

    会话用量监控

    - 输入框底部一个常驻徽章,显示当前上下文大小和缓存命中率

    - 点开徽章可看最近几轮的明细和整个会话的累计统计

    - 数据完全来自 Claude Code 写在本地磁盘的日志,不经过任何网络请求

    - 兼容非 Claude 后端(Kimi / Deepseek / GLM 等)——没有 cache 数据时显示 — 而非误导性的 0.00%

    - 数值变化时触发扫描动画

    表格、引用、列表、代码

    - 表格采用 Booktabs 学术风格,只保留顶/中/底三条横线

    - 引用块支持多层嵌套视觉,层级清晰

    - 有序/无序/checkbox 列表全部重新设定节奏,与正文呼吸一致

    - 代码块用等宽字体 Rec Mono Linear,多语言语法高亮走本地 bundle

    命令行工具

    - 运行 incipit 进入交互菜单,支持方向键、j/k、空格、回车全套键位;数字快捷键向下兼容

    - 首次运行自动弹出中英文语言选择,一次选定

    - 菜单内可开关三个功能:数学公式渲染 / 会话用量徽章 / 工具调用折叠

    - 正文字号可在 12 / 13 / 14 三档间切换,其他梯度跟随比例更新

    - 每次启动自动检查 npm 新版本(12 小时缓存;可通过环境变量或 --no-update-check 关闭)

    - 有新版本直接代跑 npm 升级命令

    - incipit apply / incipit restore / --help 是非交互子命令,CI 和脚本环境可安全调用

    - 应用前自动备份,多份备份可自定义命名、随时挑选还原

    - settings.json 只记录修改过的键,其他 VS Code 配置在还原时完全不受波及

    - 扉页视觉和命令行界面按书籍排版节奏设计,短终端自动切换到紧凑版

    字体与系统集成

    - 三套字体全部本地 bundle 进扩展:英文衬线 IBM Plex Serif、中文 Noto Sans SC、等宽 Rec Mono Linear

    - 其中 IBM Plex Serif 额外安装到用户字体目录(用于 VS Code 输入框的原生字体配置,其他桌面应用也能直接引用);中文和等宽字体因 webview 已经打包,无需再装到系统

    隐私与合规

    - 纯前端渲染改造,不触任何与模型供应商服务器打交道的代码

    - 所有资源(KaTeX / highlight.js / 字体 / 图标)全部本地 bundle,零外部网络请求

    - 你发出的每一个字节,装 incipit 之前和之后完全一致

    主楼
  • dv3lood

    下载了一下。但是似乎是由于我是通过scoop安装的vscode?似乎不适配这种格式?能否添加选项让我自己选择目标目录?

    #1
  • Teler

    我理解下来 是对vscode中的cc插件的hook之类的做法吗。将插件的页面+功能变得更好看

    #2
  • 白洛泽

    今天用claude桌面端发现bug确实挺多的(对于第三方api来说),真不如回去用vscode的cc插件^-^ 马上去尝试一下

    #3
  • MotorwaySouth

    没有侵入式修改cluade.exe,是改 anthropic.claude-code-<version>/ 里特定的两个 JS 文件和 往 <extension>/webview/塞新的web js

    简单说就是:

    1.前端改造朝网页和cowork靠拢(没有任何需要修改网络请求的新功能),包括静态界面和部分动态交互逻辑

    2.实时的上下文大小和缓存命中率展示

    #4
  • sosisaz

    非常好的项目!原生cc插件不能渲染latex 而且生成的代码及其丑,基本上读不了

    #5
  • sosisaz

    佬问一下可以设置背景不要用黑色,用白色吗

    #6
  • MotorwaySouth

    可以,白色风格需要重新设计一整套色系,需要点时间,下个版本更新

    #7
  • 哈雷彗星

    来一起做呗 吾有上将 Claudix 旨在无缝替代 VCC

    捣鼓那原版没意思

    #8
  • MotorwaySouth

    感谢哈雷佬邀请,手头上工作太多,工具堪用即可,无暇多费神了,见谅

    #9
  • MotorwaySouth

    已更新白色主题,同时大规模重制cc插件前端。运行:npm install -g incipit@latest

    安装。新cli有主题配置选项。

    图片

    #10
  • MotorwaySouth

    已添加自动检测scoop和允许手动选择目录逻辑,反重力Windsurf等一众魔改vscode也支持自动检测

    #11
  • dv3lood

    已经成功安装并用上了,现在功能都很好用,就是如果能够实现mermaid的渲染就更好了。

    #12
  • MotorwaySouth

    mermaid渲染会做,届时下个版本一并发布

    #13
  • dv3lood

    目前又遇到了一个问题,就是当展开成全屏而不是侧边栏的时候,语段不会自适应宽度。

    如图所示:

    图片

    但是表格、代码等又能够自适应,希望能够修复一下。

    #14
  • jqtmviyu

    能修改cc插件改善向 claude code cli 提供上下文吗?

    例如单文件跨行选中多处代码块, cli 只能知道一处. 在多个文件的函数中跳转, 选中多处代码需要提供上下文给 cli 让它参考修改, 结果只有一处被加入.

    我实在想不到, 官方怎么把这功能做成个半成品.

    #15
  • MotorwaySouth

    这个可以加入,实现不难。类似反重力的操作模式对吧?

    #16
  • MotorwaySouth

    好的会解决这些问题,最近很忙,可能要一两天

    #17
  • jqtmviyu

    是的. 现在的cc的光标选中加入上下文好像只能是单个文件的连续区域.

    #18
  • dv3lood

    感谢佬回复,我vibe了个PR,不知道行不行,目前用着没遇到问题。

    #19

发表回复

登录后回复