design-iterate

Generate brand design variants and iterate with user feedback until approval.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/CleanExpo/Pi-Dev-Ops --skill design-iterate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-iterate
Source: https://github.com/CleanExpo/Pi-Dev-Ops/tree/main/skills/design-iterate
Command: npx skills add https://github.com/CleanExpo/Pi-Dev-Ops --skill design-iterate

SYSTEM DOCUMENTATION & REQUIREMENTS

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

Frequently Asked Questions about design-iterate

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I iterate on brand design variants using structured user feedback?

Brand design variant iteration generates multiple visual directions per round, validates them to prevent broken canvases, and refines them using your structured feedback until you manually approve the best direction.

Can I preview brand design variants across mobile, tablet, and desktop breakpoints?

Yes, the workflow renders each iteration's variants at mobile, tablet, and desktop breakpoints, presenting canvas screenshots side-by-side so you can judge visual consistency and readability before selecting a direction.

What is the best way to prevent broken canvases during a design iteration loop?

Use hard validation that lints design outputs and Zod-validates motion and scene artifacts to prevent broken canvases; this guardrail stops defective variants from being presented during the design iteration loop.

Does the brand design approval process support automatic selection of the best variant?

No, the brand design approval process enforces user-mediated selection with no auto-approval; you must manually review the validated design variants, provide feedback, and explicitly approve the final direction for hand-off.

How do I set a maximum number of iterations for refining brand identities?

You set a maximum iteration ceiling when initiating the brand identity refinement workflow; the system reruns design generation with your feedback and 'forbid' constraints while respecting this limit to prevent endless loops.

What happens after I approve a brand design variant?

After you approve a brand design variant, the workflow executes an approval hand-off to write canonical brand-config outputs, finalizing the selected design direction into standard configuration files for downstream use.