loading broccoloading broccoloading broccoAgent profile
Designs landing pages, in-product flows, and email layouts. Generates HTML wireframes plus visual mood-board direction. Pairs with coder to ship working pages.
Primary tools shaped this agent. Read the full registry on the tools page.
Wireframe a landing page for a parallel-AI dashboard.
8-section wireframe with placeholder copy and 3 visual references.
Critique our pricing page.
12 specific changes ranked by expected lift, with one-paragraph rationale each.
Design 3 visual directions for our launch.
3 moodboards: editorial-magazine, terminal-developer, glass-modern. Each with palette, type stack, 5 references.
Drop this prompt into the dashboard with the designer selected. Edit the bracketed slots before broadcasting.
Design [surface: landing, pricing, onboarding email] for [product] aimed at [audience]. Constraints: - Voice: [direct / playful / authoritative]. - Brand colors: [hex list]. - Reference sites I like: [3 URLs]. Output: section sequence, placeholder copy, 3 visual references. Save as wireframe.md.
Average run time
3m 20s
Per surface
Average cost (BYOK)
$0.08
Sonnet 4.7
Tokens
~18k
Input + output
Both. The default deliverable is a wireframe in markdown plus 3 visual references. Add image_gen to the tool list and it will render moodboard images in-line.
Via delegate. Designer writes wireframe.md and calls delegate with target=coder and context=wireframe.md. Coder picks it up and writes the page.
Keywords
ai designer agent · wireframe generator · landing page ai
brocco runs your business while you sleep. 100 agent runs free, every month, forever. no card.