Vesper
デザイン概要
Vesper は、APIリクエスト量、サブスクリプション金額、顧客、最近10件の請求書を一つの請求コンソールにまとめ、ステータスと使用量しきい値のフィルター、CSVエクスポート、コマンドパレットを備えます。例外ドロワーでは明細、支払いと Webhook のタイムライン、クォータ変更、支払い方法の再試行を確認できます。データと操作はすべてローカルデモです。
検証記録
確認済み独立レビュアーは3状態のスクリーンショットを確認し、読み取り専用のブラウザーセッションで支払い方法の変更と再試行を行い、Paid と同期したリスト・合計を観察しました。コマンドパレットの80%使用量アクションでも、対応する顧客フィルターが開きました。
検証の範囲レビュアーは概要がまだ汎用的に見えると指摘しました。その後の軽微な修正と連続した動作には新たな独立評価がありません。実際の決済や Webhook バックエンドはなく、再読み込み後も保持されるのはクォータ調整だけです。
プロンプト
AI・開発者ツールチーム向けに、API使用量の請求と顧客請求書のコンソールをデザインする。英語のインターフェースで、デスクトップのビューポートは1440×900とする。ユーザーはサブスクリプションプランとライブAPI使用量を管理し、現在の請求サイクルの未払い額と請求書の例外を確認し、ステータスや使用量のしきい値で顧客・請求書を絞り込み、レコードを開いて明細、支払いと Webhook のタイムライン、イベントペイロードを確認できる。支払いの再試行、クォータ調整、請求書のエクスポートを含める。
3つの主要状態を実装する:収益と使用量の傾向、顧客または請求書リスト、ライブフィルターを備えた日常のワークスペース。使用量の内訳、ステータスタイムライン、復旧アクションを備えた例外請求書の詳細ビュー。クイックコマンドパレット。オフラインで使える `index.html` を納品し、`shots/desktop.png`、`shots/state-1.png`、`shots/state-2.png` を1440×900、DPR=2で撮影する。
中国語の元のプロンプトを見る
为 AI 与开发者工具团队设计一个 API 用量计费与客户账单管理后台,采用英文界面,桌面视口为 1440×900。用户可以管理订阅方案与实时 API 用量,查看本周期应收金额和异常账单,按状态与用量阈值筛选客户或账单,并打开单条记录查看计费明细、扣款与 Webhook 时间线及事件报文,完成重试扣款、调整配额或导出账单等操作。
实现三个关键状态:展示收入与用量走势、客户或账单列表及实时筛选的日常工作区;展示用量拆解、状态时间线和恢复操作的异常账单详情;以及快捷命令面板。交付可离线打开的 `index.html`,并以 1440×900、DPR=2 截取 `shots/desktop.png`、`shots/state-1.png` 和 `shots/state-2.png`。
ライブデモを開く