Vesper
디자인 요약
Vesper는 API 요청량, 구독 금액, 고객, 최근 인보이스 10건을 하나의 과금 콘솔에 모아 상태 및 사용량 임계값 필터, CSV 다운로드, 명령 팔레트를 제공합니다. 예외 드로어는 세부 항목, 결제 및 Webhook 타임라인, 할당량 변경, 결제 수단 재시도를 연결하며 모든 데이터와 동작은 로컬 데모입니다.
검증 기록
확인됨독립 리뷰어는 세 가지 상태를 모두 확인하고 읽기 전용 브라우저 세션에서 결제 수단 변경과 재시도를 실행해 Paid 상태와 목록 및 합계의 동기화를 관찰했습니다. 명령 팔레트의 80% 사용량 동작도 해당 고객 필터를 열었습니다.
검증 범위리뷰어는 개요가 여전히 시각적으로 일반적이라고 보았습니다. 이후 소규모 수정과 연속 모션에는 새로운 독립 점수가 없습니다. 실제 결제나 Webhook 백엔드는 없으며 새로고침 후에는 할당량 조정만 유지됩니다.
프롬프트
AI 및 개발자 도구 팀을 위한 API 사용량 과금 및 고객 인보이스 콘솔을 1440×900 데스크톱 뷰포트의 영어 인터페이스로 디자인하세요. 사용자는 구독 플랜과 실시간 API 사용량을 관리하고 이번 주기의 청구 금액과 인보이스 예외를 검토하며 상태와 사용량 임계값으로 고객이나 인보이스를 필터링하고 레코드를 열어 세부 항목, 결제 및 Webhook 타임라인, 이벤트 페이로드를 확인할 수 있어야 합니다. 결제 재시도, 할당량 조정, 인보이스 다운로드를 포함하세요.
일상 작업 공간(수익 및 사용량 추세, 고객 또는 인보이스 목록, 실시간 필터링), 예외 인보이스 상세(사용량 분해, 상태 타임라인, 복구 동작), 빠른 명령 팔레트의 세 가지 핵심 상태를 구현하세요. 오프라인에서 실행 가능한 `index.html`을 전달하고 1440×900, DPR=2로 `shots/desktop.png`, `shots/state-1.png`, `shots/state-2.png`를 캡처하세요.
중국어 원본 프롬프트 보기
为 AI 与开发者工具团队设计一个 API 用量计费与客户账单管理后台，采用英文界面，桌面视口为 1440×900。用户可以管理订阅方案与实时 API 用量，查看本周期应收金额和异常账单，按状态与用量阈值筛选客户或账单，并打开单条记录查看计费明细、扣款与 Webhook 时间线及事件报文，完成重试扣款、调整配额或导出账单等操作。
实现三个关键状态：展示收入与用量走势、客户或账单列表及实时筛选的日常工作区；展示用量拆解、状态时间线和恢复操作的异常账单详情；以及快捷命令面板。交付可离线打开的 `index.html`，并以 1440×900、DPR=2 截取 `shots/desktop.png`、`shots/state-1.png` 和 `shots/state-2.png`。
