CodeBurn: AI Token 消耗可视化追踪器

看见你的 AI Token 流向何方

这是一个交互式演示工具，用于可视化 AI 辅助编程过程中的 Token 消耗成本。模拟不同类型的编程任务，观察 Context Window、Prompt 和 Completion Token 的实时燃烧情况。

场景配置

选择 AI 模型

模拟任务

实时成本估算

$0.0000 USD

App.tsx

Ln 12, Col 34 UTF-8 TypeScript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

import React, { useState, useEffect } from 'react';
import { motion } from 'framer-motion';

// 等待输入指令...
// 点击左侧 "开始燃烧 Token" 启动演示

const App = () => {
  const [data, setData] = useState(null);

  // TODO: Implement logic

  return (
    <div className="app">
      <h1>Hello World</h1>
    </div>
  );
};
                            

main 0 Errors

AI 正在思考...

Token 流向图

Context Window Usage 0%

Total Tokens 0

燃烧日志 (Burn Log)

时间	操作	模型	Token Count	估算成本
等待开始模拟...