se7en-token-stats

Name: se7en-token-stats
Author: yiliqi78

15stars3forks

How to install se7en-token-stats?

yiliqi78/se7en-skills/se7en-token-stats

$npx -y skills add yiliqi78/se7en-skills --skill se7en-token-stats

Installs into the current project.

Summary

Token 用量统计——扫描 Claude Code 全部会话 JSONL，生成可视化仪表盘和日历。 触发场景：token 统计、用量统计、token usage、消耗了多少 token、花了多少钱、token 日历、用量日历。

Files · 1

View on GitHub

SKILL.md

1	# Token 用量统计
2
3	扫描 `~/.claude/projects/` 下全部会话 JSONL，提供两种可视化视图。
4
5	## 安装
6
7	本技能依赖 Python 3.10+，无需额外依赖包（纯标准库实现）。
8
9	确认脚本路径后直接运行即可。用 Glob 搜索 `**/se7en-token-stats/token_stats.py` 定位绝对路径。
10
11	## 1. 仪表盘（token_stats.py）
12
13	- Summary cards：总量、日均、会话数、消息数
14	- Daily Trend：日度趋势折线图（Cache Read / Cache Write / Output 分层）
15	- Weekly / Monthly：周度和月度堆叠柱状图
16	- Token Breakdown：四类 token 占比环形图 + 明细卡片
17	- Models：模型分布横向进度条
18	- Activity by Hour：24 小时活跃度热力图
19
20	```bash
21	python3 /path/to/token_stats.py
22	python3 /path/to/token_stats.py --since 2026-03-01
23	python3 /path/to/token_stats.py -o ~/Desktop/token-report.html
24	```
25
26	\| 参数 \| 说明 \|
27	\|------\|------\|
28	\| `--since YYYY-MM-DD` \| 起始日期 \|
29	\| `--until YYYY-MM-DD` \| 截止日期 \|
30	\| `-o PATH` \| 输出文件路径（默认 /tmp/token-stats.html） \|
31	\| `--no-open` \| 不自动打开浏览器 \|
32
33	## 2. Token 日历（token_calendar.py）
34
35	月历视图，每个日期格子显示当天总 Token 量和各模型消耗分布。支持月份切换、左右键导航、hover 查看详情。
36
37	```bash
38	python3 /path/to/token_calendar.py
39	python3 /path/to/token_calendar.py --month 2026-03
40	```
41
42	\| 参数 \| 说明 \|
43	\|------\|------\|
44	\| `--month YYYY-MM` \| 初始显示月份（默认当月） \|
45	\| `-o PATH` \| 输出文件路径（默认 /tmp/token-calendar.html） \|
46	\| `--no-open` \| 不自动打开浏览器 \|
47
48	日历格子内容：日期（醒目）· 总 Token · 会话/调用数 · 前三模型明细 · 模型占比条。无数据日期虚线边框。
49
50	## 触发判断
51
52	- 用户说「token 日历」「用量日历」→ 运行 token_calendar.py
53	- 其他 token 统计类请求 → 运行 token_stats.py
54
55	## 数字单位
56
57	所有数字使用中文单位：亿、万、千。图表坐标轴、tooltip、卡片数值统一遵循此规则。
58
59	## 日历视觉风格
60
61	暖光浮动卡片设计：
62
63	### 调色板
64
65	\| 变量 \| 值 \| 用途 \|
66	\|------\|-----\|------\|
67	\| `--bg` \| `#f4f1ec` \| 暖纸底背景 \|
68	\| `--card` \| `#ffffff` \| 浮动卡片 \|
69	\| `--text` \| `#1c1917` \| 主文本（warm near-black） \|
70	\| `--text-secondary` \| `#78716c` \| 次文本 \|
71	\| `--text-tertiary` \| `#a8a29e` \| 辅助文本 \|
72	\| `--accent` \| `#d4714f` \| 珊瑚强调色 \|
73	\| `--border` \| `rgba(0,0,0,0.06)` \| 默认边框 \|
74	\| `--shadow` \| `0 1px 3px rgba(120,100,80,0.06)` \| 暖色调阴影 \|
75
76	### 字体
77
78	`Outfit`（Google Fonts）+ `PingFang SC` / `Noto Sans SC` CJK fallback。全局 `tabular-nums` 对齐数字。
79
80	### 布局规则
81
82	- 周一起始：周一~周日，周六日标记为 weekend（珊瑚色日期）
83	- 浮动卡片网格：7 列 CSS Grid，`gap: 8px`，每个有数据的日期是独立白色卡片（`border-radius: 14px`）
84	- 无数据日期：虚线边框（`dashed rgba(0,0,0,0.08)`），无背景
85	- 空占位格：完全透明，`min-height: 40px`
86	- 当日高亮：珊瑚色 `border + box-shadow` 双环
87
88	### 日格卡片内容（由上至下）
89
90	1. 日期数字（1.1rem / 700 weight，醒目）
91	2. Token 总量（1.2rem / 700 weight）
92	3. 会话·调用（0.68rem 辅助文字）
93	4. 前三模型明细（色点 + 名称 + 用量）
94	5. 模型占比条（4px 堆叠色带）
95
96	### 交互
97
98	- Hover：卡片 `translateY(-2px)` + 阴影加深，模型条 `scaleY(1.5)`
99	- 入场动画：`fadeUp` 瀑布式（`animation-delay: d * 20ms`）
100	- Tooltip：玻璃态（`backdrop-filter: blur(20px)`），含完整模型明细 + 百分比
101	- 键盘：左右箭头切换月份
102
103	### 页面底部
104
105	- 环形图（SVG donut）：180px，展示月度模型占比，中心显示月度总量
106	- 模型图例：两列卡片网格，默认显示前 6 个，「显示全部」按钮展开其余
107	- 每项含：色点 + 模型名 + 用量 + 百分比
108
109	### 响应式
110
111	- `< 900px`：模型明细隐藏，图例单列
112	- `< 600px`：模型条隐藏，日格最小化
113	- 打印：隐藏导航和页脚

People who liked this also viewed

6 picks

Type

se7en-token-stats

15stars3forks

View on GitHub

How to install se7en-token-stats?

yiliqi78/se7en-skills/se7en-token-stats

$npx -y skills add yiliqi78/se7en-skills --skill se7en-token-stats

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# Token 用量统计
2
3	扫描 `~/.claude/projects/` 下全部会话 JSONL，提供两种可视化视图。
4
5	## 安装
6
7	本技能依赖 Python 3.10+，无需额外依赖包（纯标准库实现）。
8
9	确认脚本路径后直接运行即可。用 Glob 搜索 `**/se7en-token-stats/token_stats.py` 定位绝对路径。
10
11	## 1. 仪表盘（token_stats.py）
12
13	- Summary cards：总量、日均、会话数、消息数
14	- Daily Trend：日度趋势折线图（Cache Read / Cache Write / Output 分层）
15	- Weekly / Monthly：周度和月度堆叠柱状图
16	- Token Breakdown：四类 token 占比环形图 + 明细卡片
17	- Models：模型分布横向进度条
18	- Activity by Hour：24 小时活跃度热力图
19
20	```bash
21	python3 /path/to/token_stats.py
22	python3 /path/to/token_stats.py --since 2026-03-01
23	python3 /path/to/token_stats.py -o ~/Desktop/token-report.html
24	```
25
26	\| 参数 \| 说明 \|
27	\|------\|------\|
28	\| `--since YYYY-MM-DD` \| 起始日期 \|
29	\| `--until YYYY-MM-DD` \| 截止日期 \|
30	\| `-o PATH` \| 输出文件路径（默认 /tmp/token-stats.html） \|
31	\| `--no-open` \| 不自动打开浏览器 \|
32
33	## 2. Token 日历（token_calendar.py）
34
35	月历视图，每个日期格子显示当天总 Token 量和各模型消耗分布。支持月份切换、左右键导航、hover 查看详情。
36
37	```bash
38	python3 /path/to/token_calendar.py
39	python3 /path/to/token_calendar.py --month 2026-03
40	```
41
42	\| 参数 \| 说明 \|
43	\|------\|------\|
44	\| `--month YYYY-MM` \| 初始显示月份（默认当月） \|
45	\| `-o PATH` \| 输出文件路径（默认 /tmp/token-calendar.html） \|
46	\| `--no-open` \| 不自动打开浏览器 \|
47
48	日历格子内容：日期（醒目）· 总 Token · 会话/调用数 · 前三模型明细 · 模型占比条。无数据日期虚线边框。
49
50	## 触发判断
51
52	- 用户说「token 日历」「用量日历」→ 运行 token_calendar.py
53	- 其他 token 统计类请求 → 运行 token_stats.py
54
55	## 数字单位
56
57	所有数字使用中文单位：亿、万、千。图表坐标轴、tooltip、卡片数值统一遵循此规则。
58
59	## 日历视觉风格
60
61	暖光浮动卡片设计：
62
63	### 调色板
64
65	\| 变量 \| 值 \| 用途 \|
66	\|------\|-----\|------\|
67	\| `--bg` \| `#f4f1ec` \| 暖纸底背景 \|
68	\| `--card` \| `#ffffff` \| 浮动卡片 \|
69	\| `--text` \| `#1c1917` \| 主文本（warm near-black） \|
70	\| `--text-secondary` \| `#78716c` \| 次文本 \|
71	\| `--text-tertiary` \| `#a8a29e` \| 辅助文本 \|
72	\| `--accent` \| `#d4714f` \| 珊瑚强调色 \|
73	\| `--border` \| `rgba(0,0,0,0.06)` \| 默认边框 \|
74	\| `--shadow` \| `0 1px 3px rgba(120,100,80,0.06)` \| 暖色调阴影 \|
75
76	### 字体
77
78	`Outfit`（Google Fonts）+ `PingFang SC` / `Noto Sans SC` CJK fallback。全局 `tabular-nums` 对齐数字。
79
80	### 布局规则
81
82	- 周一起始：周一~周日，周六日标记为 weekend（珊瑚色日期）
83	- 浮动卡片网格：7 列 CSS Grid，`gap: 8px`，每个有数据的日期是独立白色卡片（`border-radius: 14px`）
84	- 无数据日期：虚线边框（`dashed rgba(0,0,0,0.08)`），无背景
85	- 空占位格：完全透明，`min-height: 40px`
86	- 当日高亮：珊瑚色 `border + box-shadow` 双环
87
88	### 日格卡片内容（由上至下）
89
90	1. 日期数字（1.1rem / 700 weight，醒目）
91	2. Token 总量（1.2rem / 700 weight）
92	3. 会话·调用（0.68rem 辅助文字）
93	4. 前三模型明细（色点 + 名称 + 用量）
94	5. 模型占比条（4px 堆叠色带）
95
96	### 交互
97
98	- Hover：卡片 `translateY(-2px)` + 阴影加深，模型条 `scaleY(1.5)`
99	- 入场动画：`fadeUp` 瀑布式（`animation-delay: d * 20ms`）
100	- Tooltip：玻璃态（`backdrop-filter: blur(20px)`），含完整模型明细 + 百分比
101	- 键盘：左右箭头切换月份
102
103	### 页面底部
104
105	- 环形图（SVG donut）：180px，展示月度模型占比，中心显示月度总量
106	- 模型图例：两列卡片网格，默认显示前 6 个，「显示全部」按钮展开其余
107	- 每项含：色点 + 模型名 + 用量 + 百分比
108
109	### 响应式
110
111	- `< 900px`：模型明细隐藏，图例单列
112	- `< 600px`：模型条隐藏，日格最小化
113	- 打印：隐藏导航和页脚

People who liked this also viewed

6 picks

Type