Extracted from the Claude Design System Prompt (CL4R1T4S collection). These patterns are reusable for structuring any AI agent that does creative/design work.
1. Understand user needs → Ask clarifying questions
2. Explore provided resources → Read design system, context
3. Plan → Make todo list
4. Build folder structure → Copy resources
5. Execute → Build variations
6. Finish → Verify, summarize briefly
"Give 3+ variations across several dimensions."
The goal is NOT to give the perfect option. It's to explore as many atomic variations as possible, so the human can mix and match.
"Mix by-the-book designs that match existing patterns with new and novel interactions, including interesting layouts, metaphors, and visual styles."
"Good hi-fi designs do not start from scratch — they are rooted in existing design context."
Before generating anything: 1. Find existing UI kits, design systems, brand assets 2. Copy ALL relevant components and read ALL relevant examples 3. If you can't find them, ask the user 4. Mocking from scratch is a LAST RESORT
The agent needs a reference library to root its output. This directly supports the agent-knowledge-architecture pattern — the brain/taste library is what grounds the agent's output quality.
Instead of creating new files for each iteration, add tweaks to the original: - Single main file with different versions toggleable on/off - User can compare variations side by side - Preserves evolution of thinking
"Start your variations basic and get more advanced and creative as you go."
Don't overwhelm with the most complex output first. Progressive exploration: 1. Basic/foundational options 2. Intermediate variations 3. Creative/novel explorations
Agent generates → Human critiques → Agent tweaks → Iterate
The agent must: - Think out loud about what it observes in existing designs - Match the user's existing visual vocabulary - Ask clarifying questions when ambiguous - Present options as TWEAKS, not separate files
This workflow directly applies to marketing operations:
1. Research audience + competitors (context)
2. Generate 3+ copy directions + visual directions
3. Human evaluates, selects, combines
4. Tweak selected direction
5. Produce final assets
6. Deploy