メニュー
Use when a UIUX Pack needs a transition-map preview from ui_spec.json with pan/zoom, minimap, focus traversal, and Review Mode.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/shunta-sato/agent-instructions-playbook --skill uiux-flow-previewコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
SOC 職業分類に基づく
| name | uiux-flow-preview |
| description | Use when a UIUX Pack needs a transition-map preview from ui_spec.json with pan/zoom, minimap, focus traversal, and Review Mode. |
| metadata | {"short-description":"Transition map preview with pan/zoom + focus review","requires":["references/uiux-flow-preview.md"],"templates":["templates/previews/flow-map.css","templates/previews/flow-map.html","templates/previews/flow-map.js","templates/previews/flow-map_focus.js","templates/previews/flow-map_minimap.js","templates/previews/flow-map_panzoom.js","templates/previews/review/review.css","templates/previews/review/review_export.js","templates/previews/review/review_store.js","templates/previews/review/review_ui.js"]} |
Create a static, review-ready transition map (flow-map.html) for UIUX Packs so teams can agree on information architecture before visual polish.
file://-openable HTML preview without CDN dependencies.references/uiux-flow-preview.md.uiux/<pack>/ui_spec.json and map:
information_architecture.screensinformation_architecture.navigationinformation_architecture.decision_pointsuiux/<pack>/previews/ if missing.window.UIUX_SPEC = {...} directly in flow-map.html (no fetch).previews/review/*).rv:viewportChanged so review pins track transformed elements.uiux/<pack>/previews/flow-map.html exists, is file://-openable, and embeds window.UIUX_SPEC directly (no fetch).information_architecture.screens, .navigation, and .decision_points from ui_spec.json.previews/review/*) are local, with no CDN dependencies.rv:viewportChanged so review pins track transformed elements.