@rokiy/pi-ui
为PI终端提供可定制的主题、布局与消息渲染UI组件。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：@rokiy/pi-ui。 它的用途是：为PI终端提供可定制的主题、布局与消息渲染UI组件。 完整的 Skill 内容见：https://321skill.com/skills/rokiy-pi-ui/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我在PI终端项目里使用@rokiy/pi-ui，设置一个深色主题，并将输出信息分成左右两栏布局。’，它会引导你安装该包，并提供一个基础配置代码示例，演示如何导入组件、应用深色主题和分栏布局，让你的终端界面立刻变得更具现代感和条理性。
介绍
该Skill旨在解决开发者在PI终端环境中界面单调、信息展示不够直观或个性化的问题。它提供了一套可定制的UI组件库，允许用户通过简单的配置来改变终端界面的主题风格、整体布局以及消息的渲染方式，从而提升交互体验和视觉清晰度。
使用方式非常直接，开发者可以通过npm安装此包，然后在自己的PI终端项目中引入并调用相关组件。通过传入配置对象，即可轻松切换预设的主题、调整布局结构，并控制不同类型消息（如信息、警告、错误）的显示样式。
它非常适合那些基于PI终端进行开发，并希望提升应用界面美观度与可读性的前端开发者或全栈工程师。无论是构建命令行工具、开发运维脚本，还是创建交互式终端应用，都可以从中受益。
建议在使用前，先浏览其提供的主题和布局示例，选择最符合项目调性的配置。同时，注意其依赖的PI终端版本，确保兼容性。对于复杂的自定义需求，可能需要参考源码进行更深入的扩展。
核心特点
与同类终端UI库相比，它深度集成并针对PI终端环境进行了专门优化，提供了开箱即用、风格统一的主题包和布局组件，而非通用的、需要大量适配的底层UI工具。
注意事项
不适合用于非PI终端环境或对界面有极高定制化、复杂交互需求的图形化应用开发。
常见问题
如何更换终端主题？
在配置对象中指定预设的theme名称即可一键切换。
支持自定义消息格式吗？
支持，可以通过提供的渲染函数或配置项定义消息的样式和结构。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/rokiy-pi-ui/raw/index.md 读取 @rokiy/pi-ui 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/rokiy-pi-ui/raw/index.md（查看排版版本）