Routewise
디자인 요약
SWITCHYARD는 AI 모델 API 통합과 페일오버를 전체 화면의 코발트 철도 분기기로 표현합니다. 요청이 장애 지점에서 멈추고 돌아온 뒤 백업 경로로 전환하며 응답 비용과 첫 토큰까지의 시간이 그 자리에 표시됩니다. 모델 마켓플레이스는 제공사, 컨텍스트, 가격으로 필터링·비교하고 390px에서는 경로가 세로로 바뀝니다.
검증 기록
확인됨최종 리뷰에서 데스크톱 및 스마트폰 녹화의 샘플 프레임을 통해 주 경로 실패, 분기기로 복귀, 레버 체결, 백업 인계 순서를 확인했습니다. 마켓플레이스 비교의 긴 모델명, 가격, token 줄바꿈에서 충돌이 없었습니다.
검증 범위리뷰어는 브라우저에서 페이지를 조작하거나 URL 상태 재현, 빠른 반복 클릭, 네트워크 요청, 상태 지속성을 검증하지 않았습니다.
프롬프트
OpenRouter와 비슷한 AI 모델 API 통합 플랫폼의 웹사이트를 만드세요(1440×900에서 시작해 너비 390픽셀까지 반응형 대응). 중국 개발자를 위한 중국어 인터페이스로 하나의 API 키로 수십 개 제공사의 수백 개 모델에 접근하고 통합 결제, 자동 페일오버, 가격 또는 지연 시간 기반 라우팅을 제공합니다. 제공사와 모델명은 가상이지만 실제처럼 그럴듯해야 합니다.
독창성을 최우선으로 하세요. 어두운 그라디언트와 코드 블록이 있는 또 다른 AI 웹사이트를 만들지 마세요. 핵심은 라우팅을 보이게 하는 것입니다. 요청이 코드에서 출발해 제공사로 라우팅되고 제공사가 실패하면 자동으로 백업으로 전환되며 가격과 지연 시간이 즉시 보여야 합니다. 모델 마켓플레이스는 제공사, 컨텍스트 길이, 가격별 필터링과 비교를 지원합니다.
첫 화면, 모델 마켓플레이스의 필터링 및 비교, 요청의 라우팅 및 페일오버 과정의 세 가지 상태를 디자인하세요.
중국어 원본 프롬프트 보기
一个类似 OpenRouter 的 AI 模型 API 中转平台官网（1440×900 起，响应式到 390 宽），界面用中文，面向国内开发者：一个 API Key 接入几十家厂商的几百个模型，统一计费、自动容灾、按价格或延迟路由。厂商和模型名虚构，但要写得像真的。
有创意是第一要求，不要做成又一个“深色渐变加代码块”的 AI 官网。核心是把路由讲得看得见：一个请求从你的代码出发，被路由到某家厂商；那家出故障时自动切到备用，价格和延迟当场可见。模型市场能按厂商、上下文长度、价格筛选和比较。
设计三个状态：首屏、模型市场的筛选与比较、一次请求的路由与容灾过程。
