Prompt-to-campaign

프롬프트에서 캠페인까지

Expand a short brief into a reviewable campaign draft.

···
html
<div class="prompt"><div class="input"><b>›</b><span>Bring back quiet customers</span><i></i></div><div class="cursor">GENERATING PLAN</div><div class="output"><span>AUDIENCE <b>INACTIVE</b></span><span>OFFER <b>RELEVANT</b></span><span>SEND <b>REVIEW</b></span></div></div>
css
.prompt{width:min(88%,570px);font:800 clamp(10px,max(3.7vmin,1vw),16px)/1.2 sans-serif}.input{display:flex;align-items:center;gap:8px;padding:clamp(10px,2vmin,19px);border:2px solid var(--fg);background:var(--surface)}.input b{color:var(--accent);font-size:1.5em}.input span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input i{width:2px;height:1.1em;background:var(--accent);animation:blink 1s steps(1) infinite}.cursor{color:var(--accent);font-size:max(10px,1vw,.75em);letter-spacing:.1em;margin:clamp(7px,2vmin,15px) 0}.output{display:flex;gap:clamp(5px,1vmin,10px)}.output span{flex:1;min-width:0;border:1px solid var(--line);padding:clamp(8px,2vmin,17px);background:var(--surface);font-size:max(10px,1vw,.75em);animation:reveal 3.6s infinite}.output span:nth-child(2){animation-delay:.4s}.output span:nth-child(3){animation-delay:.8s}.output b{display:block;color:var(--accent);margin-top:clamp(7px,1.5vmin,13px);font-size:1.2em;overflow:hidden;text-overflow:ellipsis}@keyframes reveal{0%,15%,100%{opacity:.3;transform:translateY(10px)}35%,80%{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}

Prompt-to-campaign expands a natural-language goal into audience, copy, channel, and timing components. Marketing-agent launches have described this planning and drafting flow.

The demo turns one sentence into a staged campaign board. Review the rationale for each part before any send.

An ambiguous brief can yield plausible but wrong audiences or offers. Include brand constraints, exclusions, and a success measure.

When to use

Use it to compare draft campaigns quickly, then verify audience, offer, and timing.

Open as page ↗