Translate user requirements into versioned plugin GUI specifications and style guides.
npx skills add https://github.com/joshband/LocusQ --skill skill-design-joshband
Please help me install this Agent Skill. Skill: skill_design Source: https://github.com/joshband/LocusQ/tree/main/.codex/skills/design Command: npx skills add https://github.com/joshband/LocusQ --skill skill-design-joshband
Automate and guide the creation of plugin GUIs by converting design ideas into concrete, shareable GUI specifications.
Provide a baseline visual brief for the plugin UI.
High-intent search queries and answers about installing and using this skill.
To generate a UI specification for a plugin interface, provide a baseline visual brief. The system translates user requirements into concrete design artifacts like vN-ui-spec.md files, style guides, and WebView test previews. This structured process ensures production-ready UI specifications through iterative v1, v2, and v3 cycles.
The best way to create WebView mockups for plugin UI development is using guided workflows that output vN-test.html files. This approach translates design ideas into shareable GUI specifications, allowing you to preview and test visual design components directly within a WebView environment.
Yes, you can iterate through multiple design versions before handoff. The workflow supports structured design phases from concept to handoff, explicitly generating versioned artifacts like v1, v2, and v3 UI specifications, style guides, and test previews to refine the plugin GUI.
You do not need an existing design library to produce GUI specifications, but the workflow supports design library integration. By translating your visual brief into concrete artifacts, it creates a vN-style-guide.md and includes design-to-development handoff notes to streamline the build process.
Translating a visual brief into a GUI specification improves the design cycle by automating the creation of concrete, shareable artifacts. It structures the process into iterative phases, ensuring that visual design and interaction requirements are documented in style guides and testable HTML previews.
AhmedKaram50Create and update executive product briefs from user input, artifacts, and research.
glittercowboyGenerate WebView UI mockup artifacts for audio plugins.
nnexaiGenerate throwaway HTML mockups with design variants and state tracking.
XyHalcyonGenerate interactive HTML mockups for UI/UX design comparison.
