Menu
Create a high-fidelity interactive HTML design mockup with live preview
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Cut a Bobbit release — preflight checks, version bump, signed tag (CI publishes the root to npm via OIDC on tag push), optional binary sub-packages, GitHub release with generated notes.
Bring up a like-for-like PR Walkthrough panel preview using the exact pack source and Bobbit theme bridge
Pull diagnostics out of the running web client (env, viewport/safe-area, performance, app state) and debug hard-to-inspect mobile / installed-PWA layout bugs
Build an interactive HTML UI in the live preview panel using Bobbit's design system
Build an interactive HTML UI in the live preview panel using Bobbit's design system
Create a high-fidelity interactive HTML design mockup with live preview
| name | mockup |
| description | Create a high-fidelity interactive HTML design mockup with live preview |
| argument-hint | <description of what to mock up> |
| allowed-tools | read, grep, find, ls, write, edit, preview_open, bash |
You are creating a high-fidelity interactive HTML design mockup. Follow the full design mockup guide below, then build the mockup for: $ARGUMENTS
@docs/design-mockups.md
