pi-atelier
为Pi提供响应式状态栏与实时活动侧边栏
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：pi-atelier。 它的用途是：为Pi提供响应式状态栏与实时活动侧边栏 完整的 Skill 内容见：https://321skill.com/skills/pi-atelier/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘在我的Pi应用左侧集成一个状态栏，显示用户在线状态和未读消息数；右侧添加一个侧边栏，实时滚动显示项目组的代码提交记录。’，它会引导你安装并配置pi-atelier组件，通过几行代码将这些功能模块集成到你的应用框架中。
介绍
Pi-atelier 是一个专为Pi平台设计的UI组件，它解决了用户在单一界面中难以同时监控系统状态和实时活动信息的问题。通过提供一个响应式的状态栏和可动态更新的活动侧边栏，它将关键信息清晰、即时地呈现在用户面前。
使用时，开发者可以通过npm安装该组件，并将其集成到自己的Pi应用中。状态栏通常固定在界面一侧，显示系统概览信息（如连接状态、通知数量），而活动侧边栏则可以根据当前上下文（如正在进行的任务、团队动态）展示实时更新的内容流，两者均能自适应不同屏幕尺寸。
这个Skill非常适合为Pi平台开发应用的前端开发者、希望提升其Pi应用信息呈现效率和用户体验的产品经理，以及任何需要在其Pi生态工具中集成清晰状态监控与活动流功能的团队。
建议在开发信息密集型或协作型Pi应用时考虑使用。请注意，其样式和布局可能需要根据你的具体应用设计进行定制化调整，且其功能深度依赖于Pi平台提供的API和数据源。
核心特点
专为Pi平台原生设计，将静态状态指示与动态活动流在响应式布局中无缝结合，而非通用的独立通知组件或活动插件。
注意事项
不适合非Pi平台的项目，或对UI定制化要求极高、需要完全从头构建布局的场景。
常见问题
pi-atelier 能用在其他AI助手平台吗？
不能，它是专为Pi平台设计的组件。
这个组件支持主题定制吗？
支持基础的样式覆盖，但深度定制需要修改组件源码。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/pi-atelier/raw/index.md 读取 pi-atelier 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/pi-atelier/raw/index.md（查看排版版本）