@tmustier/pi-session-hud

为Pi会话提供紧凑的底部栏和Amp风格输入框美化组件。

前端开发 前端开发UI设计师全栈开发 美化交互界面调CSS样式开发AI应用 通用 ★ 1.2k 更新于 2026-07-23

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:@tmustier/pi-session-hud。
它的用途是:为Pi会话提供紧凑的底部栏和Amp风格输入框美化组件。
完整的 Skill 内容见:https://321skill.com/skills/tmustier-pi-session-hud/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

‘帮我在Pi会话界面底部集成一个紧凑的状态栏’,它会引导你安装并配置此Skill。安装后,你的Pi会话底部将显示一个包含自定义信息的精简栏,同时输入框会变为Amp风格,提升整体视觉体验。

介绍

该Skill旨在优化用户在Pi AI平台上的界面交互体验,主要解决默认会话界面底部区域可能过于占用空间或样式单一的问题。它通过提供一个紧凑的会话底部栏(Footer)和一个模仿Amp设计风格的输入框(Input-box Chrome)组件,来增强界面的美观度和实用性。

使用时,开发者只需通过npm安装此包,并将其集成到基于Pi平台的会话界面项目中。该组件通常作为UI层的一部分被引入和渲染,可以自定义样式或接受部分配置以适应不同的主题需求。

它非常适合前端开发者、UI设计师以及任何希望为其基于Pi构建的AI助手应用提升界面细节和视觉一致性的项目团队。对于追求产品化外观和注重用户交互细节的应用场景尤为有益。

建议在项目UI框架允许的情况下集成,并注意其可能依赖于特定的Pi平台版本或样式基础。集成前请确保了解当前项目的技术栈兼容性,并建议在非生产环境中先行测试样式渲染效果。

核心特点

专注于为Pi平台会话界面提供高度定制化的底部栏和输入框UI套件,其Amp风格设计在同类美化组件中较为独特,且以“紧凑”为核心,能有效节省屏幕空间。

注意事项

该Skill仅适用于Pi平台或兼容其架构的会话界面项目,不适用于其他AI助手框架或通用Web应用。

常见问题

这个Skill能用在Claude或Cursor里吗?

不能,它是专门为Pi平台设计的UI组件。

安装后如何自定义样式?

可以通过覆盖CSS变量或传递props(如果支持)来调整样式。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/tmustier-pi-session-hud/raw/index.md 读取 @tmustier/pi-session-hud 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。