القائمة
ログイン画面、部屋選択画面、部屋画面の 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 の改造まで広げない。