pi-theme-tokyo-night-storm-improved
为Pi编码代理精调的东京夜景风暴主题
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:pi-theme-tokyo-night-storm-improved。 它的用途是:为Pi编码代理精调的东京夜景风暴主题 完整的 Skill 内容见:https://321skill.com/skills/pi-theme-tokyo-night-storm-improved/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我切换到tokyo-night-storm-improved主题',它会自动执行安装命令并提示你进入设置选择主题。你也可以说:'这个主题的注释颜色太亮了,能不能调暗一点?',AI会指导你修改JSON文件中的注释颜色值。
介绍
这个Skill解决了Pi编码代理视觉体验不佳的问题。原生的Tokyo Night Storm主题在代码注释亮度过高、UI文本颜色混乱、代码块分隔不清晰等方面存在不足,长时间使用容易导致视觉疲劳。本主题通过重新调色和优化对比度,在保留Tokyo Night经典暗色风格的基础上,让代码阅读更舒适、信息层级更分明。
使用方式很简单,你只需要在终端执行安装命令,然后在Pi的/settings中选择tokyo-night-storm-improved即可生效。整个过程无需手动编辑配置文件,主题会自动应用所有预设的界面颜色、代码高亮、消息分隔等视觉元素。之后你就可以通过自然语言指令要求Pi切换主题,例如“换回深色主题”或“使用tokyo-night主题”。
它非常适合需要长时间使用Pi编码代理进行开发的开发者,尤其是那些对视觉细节敏感、追求代码可读性和界面美感的全栈开发者、前端开发者和智能体开发者。如果你已经习惯了Tokyo Night系列配色,但觉得官方主题在对比度和色彩噪声上不够理想,这个改良版就是为你准备的。
建议在切换主题前先确认Pi版本支持最新的主题令牌(如thinkingMax和HTML导出颜色)。需要注意的是,本主题仅适用于Pi coding agent,无法在其他编辑器或IDE中使用。如果你需要自定义更多颜色,可以直接修改主题JSON文件,但改动后兼容性需自行测试。
常见问题
如何安装这个主题?
在终端执行 `pi install npm:pi-theme-tokyo-night-storm-improved` 或 `pi install git:github.com/H1V35/pi-theme-tokyo-night-storm-improved`,然后在Pi的`/settings`中选中即可。
这个主题和原版Tokyo Night Storm有什么区别?
主要区别:评论更清晰但不刺眼,UI辅助文字改为中性蓝灰色(原版是绿色),用户消息分隔更明显,代码块边框和语言标签更易读,引用和注释使用品红色边框,成功/失败工具背景色不同。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/pi-theme-tokyo-night-storm-improved/raw/index.md 读取 pi-theme-tokyo-night-storm-improved 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/pi-theme-tokyo-night-storm-improved/raw/index.md(查看排版版本)