Before anything else: read $HOME/.agentic-workflow/toolkit/skills/_preamble.md and follow it (skill index, provider capability map, bootstrap check, session context). Run its Session Close section when this skill finishes.

Design context: read $HOME/.agentic-workflow/toolkit/skills/_design-preamble.md and follow it before continuing.

---

Design Mockup — Platform Dispatcher

Detects whether this is a web or iOS project and delegates to the appropriate mockup skill. Contains no implementation logic.

Tip: If you already know the platform, invoke directly: /design-mockup-web <screen-name> or /design-mockup-ios <screen-name>

Step 1: Platform Detection

Resolve the shared dir from the stable toolkit path and follow the canonical detection + resolution rules:

SHARED_DIR="$HOME/.agentic-workflow/toolkit/skills/_shared"
echo "$SHARED_DIR/platform-detection.md"

Read the echoed platform-detection.md and apply its Detection globs (with excludes) and its Platform Resolution table, phrasing the both/neither Ask the user as "Which platform should I create a mockup for? (web / ios)".

Step 2: Dispatch

Both sub-skills take <screen-name> — design-mockup-ios now requires it too (baselines are per-screen: mockup-ios-<screen>.png). Per the dispatch contract in platform-detection.md:

1. If <screen-name> is empty, stop and ask for it — never dispatch with a blank required argument.
2. Echo the dispatch line: dispatch: design-mockup-web args=<args> (or design-mockup-ios).
3. Dispatch literally, passing all user-supplied arguments through unchanged:
   • Web: Invoke skill design-mockup-web with args "<original args verbatim>"
   • iOS: Invoke skill design-mockup-ios with args "<original args verbatim>"

Next steps

• /design-implement — turn the approved mockup into production code
• /design-refine — iterate the mockup before implementation