design-iterate

Community

Iterate brand designs until you approve.

AuthorCleanExpo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It removes the back-and-forth guesswork in brand identity creation by running a structured, user-driven iteration loop that produces multiple visual directions, shows them clearly across devices, collects feedback, and refines until you approve.

Core Features & Use Cases

  • Variant generation and review loop: Calls design-board to generate N design directions per iteration, then validates and presents the results for selection.
  • Multi-breakpoint preview for real feedback: Renders each iteration’s variants at mobile, tablet, and desktop sizes and presents screenshots side-by-side so you can judge consistency and readability.
  • Guardrails with hard validation: Lints design outputs and Zod-validates motion and scene artifacts to prevent broken canvases from being presented to the user.
  • Feedback-to-refinement workflow: Collects user notes and optional “forbid” constraints, then reruns design-board with those constraints while respecting a max iteration ceiling.
  • Approval hand-off: Once you approve a variant, it hands off to design-approve to write canonical brand-config outputs.

Quick Start

Tell the agent: “design a brand for Acme using 3 variants and iterate up to 5 times, then let me approve the best direction.”

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: design-iterate
Download link: https://github.com/CleanExpo/Pi-Dev-Ops/archive/main.zip#design-iterate

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 471,000+ vetted skills library on demand.