メニュー
Scaffold a multi-scene Compass prototype under src/pages/prototypes with PrototypeTopNav chrome and SceneSwitcher. Use when creating a new multi-scene prototype or splitting a large prototype into scenes/.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/mattermost/mattermost-proto-playground --skill scaffold-prototypeコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
| name | scaffold-prototype |
| description | Scaffold a multi-scene Compass prototype under src/pages/prototypes with PrototypeTopNav chrome and SceneSwitcher. Use when creating a new multi-scene prototype or splitting a large prototype into scenes/. |
src/pages/prototypes/<slug>/ with:
<Slug>.tsx — thin orchestrator (scene state, chrome, switch)<slug>Data.ts / <slug>Scenes.ts — optional fixtures and scene config<Slug>.module.scss — shared stylescomponents/ — prototype-only shared UIscenes/ — one file per scene-switcher entry (not views/)src/manifests/prototypes.ts and wire the route.usePrototypeChrome() and a useEffect to setCenterSlot(<SceneSwitcher …/>); cleanup with setCenterSlot(null); sync when activeScene changes.SceneSwitcher with a clear ariaLabel. Do not position: fixed the control to the viewport.src/components/ / Compass UI — do not reimplement them under components/.