mockup-iteration

Community

Iterate UI mockups with precise decisions.

Authorgvarela
Version1.0.0
Installs0

System Documentation

What problem does it solve?

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.

Core Features & Use Cases

  • Versioned mockups: Maintain mockups and artifacts per iteration (mockup.md, mockup.html) in a traceable history.
  • Decision logging: Record KEEP/REMOVE/CHANGE decisions in mockup-log.md for each version.
  • Visual validation readiness: Prepare artifacts and notes to support Playwright-based visual checks and handoffs.
  • Use Case: During design critiques, collect feedback, create v00N+1 with all changes, and clearly communicate decisions to stakeholders.

Quick Start

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".

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: mockup-iteration
Download link: https://github.com/gvarela/prompts/archive/main.zip#mockup-iteration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.