Generate versioned mockup artifacts and decision logs for UI iterations.
npx skills add https://github.com/gvarela/prompts --skill mockup-iteration
Please help me install this Agent Skill. Skill: mockup-iteration Source: https://github.com/gvarela/prompts/tree/main/claude-code/skills/mockup-iteration Command: npx skills add https://github.com/gvarela/prompts --skill mockup-iteration
UI design projects often lose track of feedback and changes across iterations. This Skill enforces a structured process to capture keeps, removes, changes, and versioned mockups, preserving an auditable decision log.
Start a new mockup iteration with a directory, capture feedback as KEEP/REMOVE/CHANGE, then prompt to create the next version. To view the current mockup, say "show mockup". To review the log, say "show log".
High-intent search queries and answers about installing and using this skill.
UI mockup iteration tracking works by enforcing structured feedback capture and generating versioned artifacts like mockup.md and mockup.html. It maintains a traceable mockup-log.md decision log to keep design changes coherent across reviews.
Keeping a decision log for design reviews involves recording KEEP, REMOVE, and CHANGE actions for each version in a dedicated mockup-log.md file. This creates an auditable history that clearly communicates design rationale to stakeholders during handoffs.
To start a new mockup iteration, create a directory for the version, capture incoming feedback as KEEP, REMOVE, or CHANGE, and then prompt to create the next version. This generates synced mockup.md, mockup.html, and decisions artifacts.
Yes, this UI mockup iteration workflow supports Playwright visual validation by preparing versioned artifacts and notes. These generated files are synced specifically to facilitate Playwright-based visual checks and seamless design handoffs.
You can use this structured feedback approach to manage design critiques from multiple stakeholders by consolidating all input into KEEP, REMOVE, and CHANGE decisions. It ensures every version update and design choice is coherent and auditable.
semicolon-devteamGenerate UI mockups from design requirements using the 21st_magic_component_builder.
venikmanParse handoff YAML files into canonical JSON validated against the U.AgentHandoff schema.
bacchus-labsAutomate visual regression testing by comparing screenshots against baselines.
randalmurphalGenerate structured code review feedback with evidence and severity guidelines.
