Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From rapid-prototyper
Generates UI mockups as single HTML files with inline CSS, featuring responsive layouts, interactive elements, and placeholder content.
How this command is triggered — by the user, by Claude, or both
Slash command
/rapid-prototyper:mockupThe summary Claude sees in its command listing — used to decide when to auto-load this command
Generate UI mockups as HTML files with inline CSS for rapid visual prototyping. ## Steps 1. Gather the mockup requirements: 2. Create a single HTML file per screen with inline styles: 3. Add realistic placeholder content: 4. Make interactive elements functional with minimal JS: 5. Add annotations explaining design decisions. 6. Test that the mockup renders correctly in a browser. ## Format ## Rules - Single HTML file per screen with zero external dependencies. - Use CSS custom properties for colors so they are easy to change. - Include mobile and desktop layouts using media queries.
Generate UI mockups as HTML files with inline CSS for rapid visual prototyping.
Mockup: <screen name>
File: <path to HTML file>
Screens: <list of views created>
Interactions: <what is clickable/interactive>
6plugins reuse this command
First indexed Mar 30, 2026
npx claudepluginhub smarks26/awesome-claude-code-toolkit --plugin rapid-prototyper/mockupGenerates UI mockups as single HTML files with inline CSS, featuring responsive layouts, interactive elements, and placeholder content.
/ui-designGenerates responsive HTML UI mockups with parallel design variants, conversational iteration, and tech-specific implementations like vanilla HTML or shadcn-ui.
/prototypeGenerates 3 visually distinct HTML/CSS UI components from a text prompt. Supports --vary <1|2|3> for single variant output and --dir <output-dir> for custom directory.
/designOrchestrates a team of design specialists to produce UI components, pages, dashboards, or presentations from a task description, respecting project settings and framework preferences.
/ux-designGenerates a premium frontend UI design or component from a brief, running a structured discovery protocol to gather brand, reference, and style direction before producing anti-AI-slop code.
/sculpt-uiGenerates design brief, micro design system, and implementation strategy for distinctive production-grade frontend interfaces before coding.