预算追踪面板

React金融仪表盘更新于 2026-08-11

使用场景: 构建个人理财应用、费用管理面板或企业预算监控工具。

安装
npx skills add budget-tracker-dashboard
克隆
git clone https://github.com/skillhub-community/budget-tracker-dashboard.git

描述

生成全面的预算仪表盘:桑基图展示收入→分类→储蓄流程、每个预算分类的径向进度环(接近上限时变红)、月度收支对比堆叠面积图、带到期提醒的待付账单时间线,以及带自动分类的快速添加交易表单。

所有图表使用 Recharts 并带有流畅动画。包含月度环比对比卡片,带绿色/红色增减指示器。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@fin_rahul
许可证MIT
版本1.0.0
依赖1

依赖

Portfolio Tracker UI