Stats
Actions
Tags
From mockup
Generate a polished self-contained HTML file visually showing whatever is being discussed. ALWAYS outputs a real .html file — never markdown, never ASCII diagrams, never a .md file.
How this skill is triggered — by the user, by Claude, or both
Slash command
/mockup:mockupThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
**CRITICAL RULE: Always output a real `.html` file with inline CSS. Never write markdown. Never write ASCII art. Never write a `.md` file. The output must be a browser-openable HTML page.**
CRITICAL RULE: Always output a real .html file with inline CSS. Never write markdown. Never write ASCII art. Never write a .md file. The output must be a browser-openable HTML page.
When the user runs /mockup, read the current conversation context and generate a single self-contained HTML file that visually represents it.
.html file with all CSS inline — no external dependenciesbuild/web/mockup.htmlpublic/mockup.htmlmockup.html/tmp/mockup.htmlWhen the context is a migration plan, architecture, or multi-phase process:
.md file┌──────┐Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.
npx claudepluginhub madesh6554/forgmind-skills --plugin mockup