预算追踪面板
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