ui-mockup
CommunityAutomate UI mockup iteration for plugins.
Authorbretbouchard
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Orchestrates WebView UI mockups without generating production files, enabling design iteration and handoff to specialized subagents.
Core Features & Use Cases
- Two-phase UI workflow: Phase A generates machine-readable design spec (v[N]-ui.yaml) and a browser-testable mockup (v[N]-ui-test.html); Phase B produces production HTML and C++ boilerplate after design approval.
- Context-aware design: Reads creative briefs, aesthetics, and plugin context to tailor UI workflows.
- Use Case: When a user mentions UI design, mockups, or WebView interfaces, this skill coordinates the mockup workflow.
Quick Start
Run: /dream ui-mockup to start a two-phase mockup for a plugin, producing v1-ui.yaml and v1-ui-test.html.
Dependency Matrix
Required Modules
None requiredComponents
referencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ui-mockup Download link: https://github.com/bretbouchard/plugin-freedom-system/archive/main.zip#ui-mockup Please download this .zip file, extract it, and install it in the .claude/skills/ directory.