cc-my-pi
为Pi浏览器提供Claude Code风格的增强UI界面与开发工具集。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：cc-my-pi。 它的用途是：为Pi浏览器提供Claude Code风格的增强UI界面与开发工具集。 完整的 Skill 内容见：https://321skill.com/skills/cc-my-pi/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我对比一下这段代码修改前后的差异’，它会调用cc-my-pi的Shiki差异对比功能，以高亮、清晰的方式展示代码的增删改，便于你快速审查变更。或者，当你觉得界面刺眼时，可以说‘切换到深色主题’，cc-my-pi会立即应用护眼主题，缓解你的视觉疲劳。
介绍
cc-my-pi是一个专为Pi浏览器设计的用户界面与开发工具增强包。它旨在解决Pi浏览器原生界面在代码查看、工具管理和开发体验上的不足，通过引入类似Claude Code的现代化UI组件和实用功能，提升开发者的工作效率和视觉舒适度。
该工具通过安装npm包即可使用。它提供了分组排列的工具行，便于快速访问常用功能；集成了Shiki语法高亮库，支持精准的代码差异对比显示；内置了加载指示器、多种主题切换（如深色主题），并支持通过ESC键或队列进行交互控制。此外，它还提供了一个专门的设置面板（通过/cc-my-pi命令访问），允许用户自定义界面和行为。
它非常适合在Pi浏览器中进行前端开发、编写代码、审查代码变更或管理开发工作流的用户。无论是需要频繁查看代码差异的全栈开发者，还是希望优化本地编码环境、提升界面美观度的个人开发者，都能从中受益。
使用建议：安装后，建议首先访问/cc-my-pi设置面板，根据个人习惯配置主题和工具行分组。在处理代码合并或审查时，充分利用其Shiki差异对比功能可以更清晰地识别变更。注意，这是一个个人维护的分支，其功能更新和问题修复可能依赖于原仓库的进展。
核心特点
核心区别在于它专门为Pi浏览器深度定制了Claude Code风格的UI，并集成了Shiki高亮库进行精准的代码差异对比，同时提供了可定制的设置面板来统一管理这些增强功能。
注意事项
不适合不基于Pi浏览器进行开发，或仅需基础浏览功能、无需代码查看和开发工具增强的用户。
常见问题
cc-my-pi是什么？
它是一个为Pi浏览器提供Claude Code风格UI和开发工具增强的npm包，包含代码对比、主题切换、设置面板等功能。
如何配置cc-my-pi？
在Pi浏览器中，输入命令/cc-my-pi即可打开专属设置面板，进行主题、工具行等个性化配置。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/cc-my-pi/raw/index.md 读取 cc-my-pi 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/cc-my-pi/raw/index.md（查看排版版本）