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

@eater-altria/dev-dashboard

v5.5.1

Published

一个使用 [Ink](https://github.com/vadimdemedes/ink) 和 React 构建的终端开发者仪表盘。直接在命令行中管理你的待办事项(TODO)、分支记录,查看 **CPU、内存与磁盘** 等性能信息、**RSS 订阅**,以及 **天气日历**。

Readme

⚡ Dev Dashboard

一个使用 Ink 和 React 构建的终端开发者仪表盘。直接在命令行中管理你的待办事项(TODO)、分支记录,查看 CPU、内存与磁盘 等性能信息、RSS 订阅,以及 天气日历

✨ 功能特性

  • 📋 待办列表 (Todo List): 以交互方式跟踪你的开发任务。支持添加、选择和管理待办事项,并且无缝与 macOS 原生“日历”App 联动(新增待办时自动创建日历日程)。
  • 🌿 分支管理 (Branch Management): 快速记录和管理你的分支信息。享受智能提示功能,可以立即在目标仓库中物理创建或删除真实的 Git 分支。
  • 🚀 快捷操作 (Quick Actions): 内置的命令面板。自动加载本地 package.json 中的脚本,并允许你定义自定义全局命令,所有操作均可通过简单的按键执行。
  • 📊 性能监控: 实时查看 CPU内存 占用率(进度条),以及当前工作目录所在卷的 磁盘剩余空间 / 总容量;磁盘进度条表示 已用空间占比。数据约每 1.5 秒刷新一次。
  • 📡 RSS 订阅: 管理你的 RSS 订阅源列表。选择订阅源后可查看文章列表(支持上下滚动、左右翻页),按 Enter 即可在浏览器中打开文章。支持新增、编辑和删除订阅源。
  • 🌤️ 天气日历: 显示当天公历日期、农历日期(含干支纪年/生肖)、实时时钟,以及未来天气预报(字符画图标 + 气温 + 风力)。天气数据由 高德地图 API 提供,首次使用需输入高德 Web 服务 API Key 和城市名称,配置保存在本地。
  • 🤖 AI 配额 (AI Quota): 实时监控主流 AI 开发辅助工具(如 Google AntiGravity、Cursor、OpenAI Codex 等)的配额使用情况。支持多账户和多模型的额度剩余和消耗统计,并提供自定义配置功能,可自由展示或隐藏特定提供商与模型。
  • 💻 交互式 CLI UI: 优雅、对键盘操作友好的控制台用户界面,并且完全响应式。
  • ⌨️ 现代终端增强支持: 内置了对高级终端环境( Kitty Keyboard Protocol)的支持,在支持的终端下能够完美识别和原生透传诸如 Shift+Enter (换行)、Option+方向键 (跨单词/段落跳跃) 等高级组合快捷键。
  • 📦 本地存储: 你的数据会安全并持久地保存在本地路径 ~/.dev-dashboard-data.json 下。

[!WARNING] 终端兼容性提示

由于目前各终端软件对底层系统 Keyboard Protocol 扩展协议的兼容性存在巨大差异(例如 macOS 原生终端程序 Terminal.app 不支持该协议),部分高级组合快捷键(如 Shift+Enter 等)在原生终端下可能会失效或退化。

🏆 为了保障本系统的各种高级快捷键组合体验达到最佳状态,强烈推荐使用具备该协议支持能力的 iTerm2 终端。

📸 界面预览

天气日历

天气日历

待办列表

待办列表

分支管理

分支管理

快捷操作

快捷操作

性能监控

性能监控

RSS 订阅

RSS 订阅

AI 配额

AI 配额

📦 安装

你可以通过 npm 全局安装它:

npm install -g @eater-altria/dev-dashboard

🚀 使用方法

只需输入以下命令即可启动仪表盘:

dev-dashboard

⌨️ 键盘快捷键

  • Tab : 在待办列表、分支管理、快捷操作、性能监控、RSS 订阅、天气日历和 AI 配额标签页之间循环切换。
  • / : 在列表项中上下移动。
  • Enter : 选择 / 确认操作。
  • a : 添加新项目(待办项/分支)。
  • ESC : 退回上一级或退出仪表盘。

🛠️ 开发指南

安装依赖并启动本地开发环境:

# 安装依赖
npm install

# 在监听模式下启动编译器
npm run dev

📝 许可证

MIT