메뉴
ログイン画面、部屋選択画面、部屋画面の 3 段フローを認証付きで実装・拡張するときに使う。/login から /rooms、さらに /rooms/:slug へ進む route 設計、guard 集約、LoginView の複数認証手段、WorkRoomView での WebRTC_UI.vue 再利用、PokerRoomView 分離を最小差分で行う。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
WebRTC のローカル音声ノイズ抑制を、安全な最小差分で導入・修正するための Skill。現行の実動作 mode は standard / suppressor とし、次の拡張候補は rnnoise とする。
変更差分の妥当性と検証の正確性を担保し、実行したことと未実行のことを混同せずに完了報告するための Skill。
UI の見た目、文言、表示有無、補助説明を、既存ロジックを壊さず最小差分で修正するための Skill。
DTLN ベースの音声抑制を扱う場合だけ、適用条件と制約を明確にして誤採用を防ぐための Skill。現行では既定提案にしない。
WebRTC の音声抑制トグル変更後に、実装実態と UI 表示、フォールバック、相互音声が一致しているかを確認するための Skill。
単独 AudioWorklet + WASM 配信構成を扱う場合だけ、適用条件と制約を明確にして誤採用を防ぐための Skill。現行では既定提案にしない。
| name | app-auth-room-routing |
| description | ログイン画面、部屋選択画面、部屋画面の 3 段フローを認証付きで実装・拡張するときに使う。/login から /rooms、さらに /rooms/:slug へ進む route 設計、guard 集約、LoginView の複数認証手段、WorkRoomView での WebRTC_UI.vue 再利用、PokerRoomView 分離を最小差分で行う。 |
アプリの画面遷移を、以下の 3 段フローに固定する。
この skill は認証付きの routing と view 導線を担当する。 Supabase の中身や WebRTC の media ロジックは主担当ではない。
src/components/WebRTC_UI.vue は作業部屋で再利用するWebRTC_UI.vue を複製しないservice_role を置かないwebrtc-poker-room-extension で扱う/login -> /rooms -> /rooms/:slug の導線を作りたい部屋を作成 UI を取り除きたい/login/rooms/rooms/work/rooms/poker必要なら / は /login または /rooms にリダイレクトする。
src/components/WebRTC_UI.vue を再利用するWebRTC_UI.vue を複製しない部屋を作成 UI を残さないprofiles.nickname をそのまま SkyWay join 名に渡さない/login
/rooms
/rooms/work
/rooms/poker
Discord -> Google -> Email OTP を既定とするWebRTC_UI.vue を包む薄い wrapper view にする参加 導線を持つ部屋を作成 UI を出さない参加 導線を持つ部屋を作成 UI を出さないDiscord -> Google -> Email OTP を既定とする/rooms に揃える/rooms を基本とするredirect query がある場合はそれを尊重してよい/rooms または元の protected route へ戻すprofiles.nickname が未設定なら、RoomSelectView で入力必須にする/rooms/work や /rooms/poker へ進ませない/login 通過後は /rooms へ進めてよい/rooms で nickname 未設定なら、部屋カードより先に nickname 入力を促す/rooms/work または /rooms/poker へ直接アクセスした場合は /rooms へ戻してよいprofiles.nickname を扱うmember.name を直接決める操作ではないprofiles.nickname をそのまま SkyWay の member.name に渡さない/rooms で入力を完了するまで room 画面へ進ませない部屋を作成 UI を出さない参加 を基本にする部屋を作成 ボタンを残さない/rooms 側で完了している前提を保つ部屋一覧へ戻る ときは、先に leaveRoom() を完了させてから /rooms へ戻るrouter.push('/rooms') だけで戻さないonBeforeRouteLeave を置き、戻るボタン以外の遷移でも leave を通す/rooms/work と /rooms/poker は fixed room view として扱う/login は guestOnly route として扱ってよい/login へ来た場合は /rooms へ戻してよい/rooms/rooms/work/rooms/pokerこれらは requiresAuth route として扱う。
未ログイン時は /login へ戻してよい。
redirect query に元の path を保持してよいredirect を優先して戻してよいredirect が無い場合は /rooms を基本戻り先とする/rooms へ直接入れない/rooms へ進める/rooms/work と /rooms/poker の導線が機能するWebRTC_UI.vue を再利用している/login に Discord / Google / Email OTP が並ぶ/rooms へ進める/rooms へ進める/rooms へ進めるprofiles.nickname を優先している部屋一覧へ戻る で leave が実行される/rooms に戻った後、同じユーザーで再参加しても重複 member 名エラーにならない部屋を作成 UI が表示されないprofiles.nickname をそのまま SkyWay join 名に使うこの skill を使って、ログイン画面、部屋選択画面、部屋画面の routing を最小差分で追加・拡張してください。
ルーティングと view 導線に責務を限定し、Supabase の基盤実装や WebRTC の内部ロジックには広げないでください。
また、LoginView では Discord / Google / Email OTP を扱い、Email OTP は code 入力型として同一画面で完結させてください。
RoomSelectView で nickname 未設定時の入力必須化、表示用 nickname と SkyWay join 用内部名の分離、fixed room view の enter-only 化、部屋一覧へ戻る での leave 必須化を守ってください。
この skill で Supabase schema 実装、provider の低レベル service 実装、room_kind policy 実装、Poker state 同期、WebRTC core の改造まで広げない。