Mighty Skill-Bridge AI フィット診断 UI の 20 種類の方向性。 第 1 弾 WF-01〜WF-10 (HANDOFF-29) = 主要 10 パターン、第 2 弾 WF-11〜WF-20 (HANDOFF-34) = 特化 10 パターン。 社長判断後に `@docs/wireframes/WF-XX_*.md を実装` プロンプトで AI が拡張可能。
Mobile-first / 1 column / iPad プレゼン親和
2 列並列入力 / 現行 UI のベース / desktop 視覚対置
4 step progress / 初回ユーザー親和 / help 充実
AI Interview / 応募者本人向け / 履歴で説明責任
Engineers / Jobs / Matches / Reports / カード DnD
候補 → 評価中 → 推薦 → 配属済 / score badge
候補 × 評価軸 / color-coded / CSV export
6 tile / KPI 一覧 / 週次レビュー用
入力中にリアルタイム fit / 800ms debounce / AbortController
検索 + フィルタ + グリッド + drawer / 蓄積後の日常入口
🎙 Web Speech API / 音声で経歴 → 案件 → fit 結果
8 週ガント / 配属期間 + レビュー + リスク窓を可視化
📍 SVG マップ + 通勤距離 + リモート可フラグ
Excel 風 / contenteditable + 4 軸数値編集 + 再計算 + CSV
Tinder 風 / ← / → ドラッグまたはキーで Yes/No
階層 hierarchy + 折りたたみ + ノード詳細 drawer
2 候補のペア比較 / 4 軸差分バー + verdict
📥 新規 fit / リスク / システム通知の一覧 + filter
🌱 empty state + coachmark + 3 ステップ初回体験
🖨 A4 1 ページ / @media print 対応 / PDF 保存可
/api/parse + /api/match を fetch する。
ローカル起動時のみ全機能動作 (公開 GitHub Pages では静的表示のみ、API 呼び出し失敗)。
python src/app.py → http://localhost:8000/exports/wireframes/ で確認可能。