npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

ciallomax

v1.0.1

Published

CialloMax: Ciallo welcome banner, Max ignition and agent titlebar status animation for pi.

Readme

CialloMax

CialloMax 是一个 pi 扩展,包含三个 UI 功能:

  • 启动时在会话顶部显示一行欢迎字:Ciallo~(∠・ω< )⌒★(一次性开局提示,不发送给模型)。
  • 思考强度从其他级别切换到 max 时,在输入框上方播放一次 Codex effort ignition 风格的三行点火动画:蓝紫色波带从中间向两侧扩散(前缘尖锐、后缘软尾,波带过后中间变暗),同时 Ciallo~(∠・ω< )⌒★ 从散开的大间距字母向中间收敛(中间字母先出现、两边字母后出现,从小变大),最后整体淡出。
  • Agent 思考和执行期间,终端标题显示 Braille 加载动画;自动重试、压缩和后续任务全部结束后,标题切换为 🟢 yaho 完成提示。

波带(Pulse 环、crest 衰减、无内部填充)、文字收敛(effort_status_line.rs 的 gap 权重与 stagger)、envelope 包络、33ms 帧间隔、缓入缓出都直接移植自 Codex 的 effort_ignition.rs / effort_ignition_styles.rs / effort_status_line.rs(Ultra 档 hue (186,130,255)/(255,120,220)/(120,170,255)),总时长 1.6 秒,用真彩色 48;2 背景 + 38;2 前景直接输出,不受主题影响。

直接试用

在此目录执行:

pi -e ./index.ts

启动后会话顶部会出现欢迎字。使用 /ciallomax-preview 可随时预览一次动画。

提交消息后,终端标题会立即开始播放加载动画,并在 Agent 真正空闲后显示 🟢 yaho。标题栏本身不支持 ANSI 局部着色,因此使用绿色圆点作为跨终端兼容的绿色完成提示。

动画只在“从其他级别切换到 max”时触发。如果 settings.json 里的 defaultThinkingLevel 本身就是 max,一开始就是 max、不会触发;先按 Shift+Tab 切到别的级别再切回 max,或直接用 /ciallomax-preview

欢迎字用会话条目(entry)渲染、动画用带 key 的临时挂件(widget)渲染,都不占用 Header/Footer,因此可以和接管了 Header/Footer 的扩展(例如 pi-open-tui)共存。动画参考 Codex CLI 公开实现:Animate Max and Ultra reasoning effort changes,过渡文案替换为 Ciallo 欢迎字。

安装

npm 发布版

pi install npm:ciallomax

或手动加入 ~/.pi/agent/settings.jsonpackages

"packages": [..., "npm:ciallomax"]

本地源码

把当前目录作为本地 pi 包安装:

pi install -l /Users/nineharuka/Documents/vscodeProjects/CialloMax

也可以将目录放入项目的 .pi/extensions/CialloMax/,或在 settings.jsonpackages / extensions 中引用它。安装后执行 /reload,或者重启 pi。

检查

扩展不需要单独编译,pi 会直接加载 TypeScript。若本地已安装 pi 的类型依赖,可以运行:

npm run check

发布

首次发布(手动,需要 OTP)

npm publish

账号开启了 2FA,首次发布会要求一次性密码(OTP)。

后续发布(自动,Trusted Publisher)

GitHub Actions 已配置 publish.yml:推 v* tag 即自动执行类型检查并通过 npm Trusted Publisher(OIDC)发布,无需任何 token。

git tag v0.1.1
git push origin v0.1.1

前提:在 npm 网站配置 Trusted Publisher(见下方)。