Vesper
Resumen del diseño
Vesper reúne el volumen de solicitudes API, los importes de suscripción, los clientes y las 10 facturas más recientes en una consola con filtros por estado y umbral de uso, exportación CSV y paleta de comandos. Un panel de excepciones conecta partidas, cronologías de pagos y Webhook, cambios de cuota y reintentos con otro método de pago; todos los datos y acciones son demostraciones locales.
Registro de verificación
VerificadoEl revisor independiente inspeccionó los tres estados y, en una sesión de navegador de solo lectura, cambió el método de pago y reintentó, observando Paid y la sincronización de lista y totales; la acción de uso al 80 % de la paleta de comandos también abrió el filtro de cliente correspondiente.
Límites de la verificaciónEl revisor aún consideró visualmente genérica la visión general; las pequeñas correcciones posteriores y el movimiento continuo no recibieron una nueva puntuación independiente. No hay backend real de pagos ni Webhook; solo los ajustes de cuota persisten entre recargas.
Prompt
Diseña una consola de facturación por uso de API y de facturas de clientes para equipos de IA y herramientas de desarrollo, con interfaz en inglés y una ventana de escritorio de 1440×900. Los usuarios pueden gestionar planes de suscripción y uso de API en vivo, revisar importes pendientes y excepciones de facturación del ciclo actual, filtrar clientes o facturas por estado y umbral de uso, y abrir un registro para inspeccionar partidas, cronologías de pagos y Webhook y cargas de eventos. Incluye reintentos de pago, ajustes de cuota y exportación de facturas.
Implementa tres estados clave: el espacio de trabajo cotidiano con tendencias de ingresos y uso, listas de clientes o facturas y filtrado en vivo; una vista de detalle de factura con excepción que muestre el desglose de uso, la cronología de estado y acciones de recuperación; y una paleta rápida de comandos. Entrega un `index.html` que funcione sin conexión y captura `shots/desktop.png`, `shots/state-1.png` y `shots/state-2.png` a 1440×900, DPR=2.
Ver el prompt original en chino
为 AI 与开发者工具团队设计一个 API 用量计费与客户账单管理后台，采用英文界面，桌面视口为 1440×900。用户可以管理订阅方案与实时 API 用量，查看本周期应收金额和异常账单，按状态与用量阈值筛选客户或账单，并打开单条记录查看计费明细、扣款与 Webhook 时间线及事件报文，完成重试扣款、调整配额或导出账单等操作。
实现三个关键状态：展示收入与用量走势、客户或账单列表及实时筛选的日常工作区；展示用量拆解、状态时间线和恢复操作的异常账单详情；以及快捷命令面板。交付可离线打开的 `index.html`，并以 1440×900、DPR=2 截取 `shots/desktop.png`、`shots/state-1.png` 和 `shots/state-2.png`。
