Routewise
デザイン概要
SWITCHYARD は、AIモデルAPIの集約とフェイルオーバーを全画面のコバルトブルーの鉄道ポイントとして表現します。リクエストは障害点で止まり、戻ってから予備ルートへ向かい、その場にレスポンス費用と最初のトークンまでの時間を表示します。モデル市場はプロバイダー、コンテキスト、価格で絞り込み・比較でき、390pxではルートが縦向きになります。
検証記録
確認済み最終レビューでは、デスクトップと携帯電話の録画から抽出したフレームで、主ルートの失敗、ポイントへの復帰、レバーの係合、予備ルートへの引き継ぎが連続して起きることを確認しました。市場の比較でも、長いモデル名、価格、トークンの改行に衝突は見られませんでした。
検証の範囲レビュアーはブラウザーでページを操作せず、URL状態の再現、素早い連続クリック、ネットワークリクエスト、状態の永続化を検証していません。
プロンプト
OpenRouter に似たAIモデルAPI集約プラットフォームのウェブサイト(1440×900を基準とし、幅390ピクセルまでレスポンシブ対応)。中国語のインターフェースとし、中国の開発者を対象とする。1つのAPIキーで数十のプロバイダーが提供する数百のモデルにアクセスし、請求を一元化し、自動フェイルオーバーと、価格またはレイテンシーによるルーティングを提供する。プロバイダー名とモデル名は架空だが、もっともらしいものにする。
創造性を最優先する。暗いグラデーションとコードブロックを使った、ありがちなAIウェブサイトにしてはいけない。中核はルーティングの可視化。リクエストがコードから送出されてプロバイダーへルーティングされ、そのプロバイダーが失敗すると自動的にバックアップへ切り替わり、価格とレイテンシーが即座に見えるようにする。モデルマーケットプレイスでは、プロバイダー、コンテキスト長、価格による絞り込みと比較に対応する。
ファーストビュー、モデルマーケットプレイスでの絞り込みと比較、1つのリクエストのルーティングとフェイルオーバー過程の3状態をデザインする。
中国語の元のプロンプトを見る
一个类似 OpenRouter 的 AI 模型 API 中转平台官网(1440×900 起,响应式到 390 宽),界面用中文,面向国内开发者:一个 API Key 接入几十家厂商的几百个模型,统一计费、自动容灾、按价格或延迟路由。厂商和模型名虚构,但要写得像真的。
有创意是第一要求,不要做成又一个“深色渐变加代码块”的 AI 官网。核心是把路由讲得看得见:一个请求从你的代码出发,被路由到某家厂商;那家出故障时自动切到备用,价格和延迟当场可见。模型市场能按厂商、上下文长度、价格筛选和比较。
设计三个状态:首屏、模型市场的筛选与比较、一次请求的路由与容灾过程。
ライブデモを開く