![[Herramienta] Publicamos un Panel de Análisis de Uso de DeepSeek API — 100% Frontend, Cero Subidas, Arrastrar y Soltar](/_next/image?url=%2Fblog%2Fbru-no-cassettes-5148602_640.jpg&w=3840&q=75)
[Herramienta] Publicamos un Panel de Análisis de Uso de DeepSeek API — 100% Frontend, Cero Subidas, Arrastrar y Soltar
En los últimos meses, nuestro equipo ha estado usando intensivamente la API de DeepSeek en varios proyectos — desde codificación asistida por IA hasta flujos de trabajo automatizados. El volumen de llamadas no paraba de crecer.
Entonces llegaron las facturas.
El Problema: Cuando el CSV se Convierte en un Examen de Lectura
El panel oficial de DeepSeek ofrece exportaciones CSV mensuales, lo cual es bueno. Pero cuando realmente abres ese archivo y te enfrentas a cientos de filas de números, solo queda una pregunta:
"Entonces... ¿qué proyecto está consumiendo más tokens?"
No bromeamos. El CSV tiene campos como utc_date, model, api_key_name, type, amount — datos completos, pero totalmente inadecuados para la lectura humana. ¿Quieres responder a estas preguntas? Prepárate para tablas dinámicas manuales en Excel:
- ¿Cuál es nuestro costo total este mes? ¿Cuál es la tendencia diaria?
- ¿Qué API Key consume más? ¿Cómo se distribuyen los costos?
- ¿Está nuestra tasa de caché donde debería? ¿Hay margen de optimización?
- ¿Cómo se compara el uso entre diferentes modelos?
Cada pregunta requiere un trabajo manual significativo — y tienes que repetirlo cada mes.
La Solución: Construir un Panel Nosotros Mismos
Como equipo cuyo lema podría ser "si el código puede resolverlo, no lo hagas a mano", decidimos construir nuestra propia herramienta de visualización.
Tres principios fundamentales:
- Seguridad absoluta — Los datos de facturación contienen información sensible de costos y nunca deben subirse a ningún servidor
- Experiencia ultra simple — Arrastrar archivos CSV, obtener gráficos instantáneos, cero configuración
- Código abierto — El código es público para que cualquiera pueda auditarlo y contribuir
Basándonos en estos principios, elegimos una arquitectura puramente frontend: Next.js 16 (App Router) + React 19 + TypeScript para la capa de framework, Papa Parse para el análisis CSV en un Worker del navegador, y ECharts 5 para la renderización de gráficos. Todo el cálculo y la renderización ocurre 100% en su navegador — sin servidores backend, sin bases de datos, ningún dato sale jamás de su dispositivo.
Resumen de Funcionalidades
Cuatro Dimensiones de Análisis
| Dimensión | Tipos de Gráficos | Lo Que Ve |
|---|---|---|
| Análisis de Costos | Gráfico de barras + Anillo | Tendencias diarias de costo, distribución por clave |
| Análisis de Uso | Tabla de ancho completo | Tokens por clave, costo, solicitudes, barras de proporción |
| Análisis de Caché | Línea + Barras apiladas | Tendencia diaria de tasa de aciertos, comparación por clave |
| Análisis de Tendencias | Línea conmutable | Alterne libremente entre costo/tokens/tasa de aciertos/solicitudes |
Características Destacadas
- Fusión Inteligente Multimensual — Cargue archivos de varios meses a la vez, emparejamiento y fusión automáticos
- Filtro de Modelos — Control segmentado estilo Apple para alternar entre modelos
- Interfaz Bilingüe — Alternancia chino/inglés con tema oscuro/claro persistente
- Tarjetas KPI — Visualización de cuatro columnas con grandes números: costo total, tokens totales, tasa de caché, claves activas
Arquitectura: Por Qué Solo Frontend
Al manejar datos de facturación, la privacidad es una línea roja innegociable. Elegimos una arquitectura puramente frontend no porque carezcamos de capacidades de backend, sino porque:
Sus datos de facturación deben existir solo en la memoria de su propio navegador, de principio a fin.
Detalles de implementación:
- Análisis CSV — Papa Parse se ejecuta de forma asíncrona en un Web Worker, sin bloquear la interfaz
- Renderización de Gráficos — ECharts 5 proporciona ricos gráficos interactivos
- Sistema de Temas — Temas duales (oscuro/claro) impulsados por propiedades personalizadas CSS, diseño minimalista inspirado en Apple
- Despliegue — Vercel, sitio estático, CDN global
El código es completamente de código abierto en GitHub — audite, marque con estrella y contribuya.
Cómo Usar
Tres pasos, 30 segundos:
- Inicie sesión en la Plataforma DeepSeek, vaya a la página de Uso, seleccione un mes y exporte los archivos CSV (obtendrá
amount-*.csvycost-*.csv) - Abra https://deepseek-usage.xyz
- Arrastre y suelte sus archivos CSV — listo
Sin registro, sin instalación.
Sobre MindRose
Somos MindRose, un equipo tecnológico enfocado en ofrecer soluciones digitales ligeras para pequeños y medianos fabricantes, empresas de logística y comerciantes transfronterizos.
No vendemos una vaga "transformación digital" — usamos IA y desarrollo ágil full-stack (Next.js, React, Mendix, etc.) para entregar aplicaciones que resuelven problemas reales de negocio en semanas.
Este panel es una herramienta gratuita de código abierto, pero la capacidad técnica y el pensamiento de producto que hay detrás es el mismo que aportamos a los proyectos comerciales: primero entender el problema, luego resolverlo con la tecnología adecuada, y pulir la experiencia hasta la perfección.
Si está considerando:
- Construir un panel de datos personalizado o una herramienta de BI para su empresa
- Integrar profundamente la IA en sus flujos de trabajo
- Construir un sistema de gestión interno moderno y elegante
- Colaborar más allá de este proyecto de código abierto
No dude en contactarnos a través de nuestra página de Contacto. Ofrecemos diagnóstico gratuito de cuellos de botella y asesoramiento personalizado.
Pruébelo ahora: https://deepseek-usage.xyz
Repositorio GitHub: https://github.com/GavinCnod/deepseek-api-usage-analysis
¡Estrellas ⭐ y contribuciones bienvenidas!