에이전트 첫 작업 활성화

Agent-first activation

첫 클릭보다 에이전트에게 맡긴 일이 완료되고 승인된 순간을 봅니다.

···
html
<div class="stage"><div class="label">FIRST DELEGATED JOB</div><div class="job"><div>REQUEST<small>USER</small></div><b>→</b><div>EXECUTE<small>AGENT</small></div><b>→</b><div>REVIEW<small>USER</small></div><b>→</b><div class="approved">APPROVE<small>VALUE</small></div></div><div class="hint">COUNT THE APPROVED OUTCOME</div></div>
css
.stage{position:relative;width:min(94vw,760px);height:min(88vh,310px);font:800 clamp(10px,max(3.4vmin,1vw),15px)/1.25 sans-serif}.stage *{box-sizing:border-box}.label{font-size:clamp(10px,max(3.4vmin,1vw),12px);letter-spacing:.1em;color:var(--muted)}.accent{color:var(--accent)}.pill{border:1.5px solid var(--fg);border-radius:999px;background:var(--surface);padding:.5em .8em}.hint{position:absolute;right:2%;bottom:0;font-size:clamp(10px,max(3.4vmin,1vw),12px);color:var(--muted)}.job{position:absolute;inset:28% 2% 24%;display:flex;align-items:center;justify-content:space-around;gap:1%}.job div{min-width:17%;padding:clamp(5px,2vmin,14px) 2px;text-align:center;border:2px solid var(--fg);background:var(--surface);font-size:clamp(10px,max(3.4vmin,1vw),14px);animation:step 5s infinite}.job div:nth-of-type(2){animation-delay:.8s}.job div:nth-of-type(3){animation-delay:1.6s}.job .approved{background:var(--accent);color:white;animation-delay:2.4s}.job small{display:block;font-size:max(max(10px,1vw,9px),.65em);margin-top:.3em}.job b{color:var(--accent);font-size:clamp(13px,4vmin,28px)}@keyframes step{0%,15%{opacity:.25;transform:translateY(8px)}35%,85%{opacity:1;transform:translateY(0)}100%{opacity:.25}}

에이전트형 제품에서는 사용자가 화면을 여러 번 클릭하지 않아도 일을 마칠 수 있습니다. 2026년 PLG 전망은 첫 작업 위임, 결과 확인, 승인까지를 활성화의 후보로 제시합니다.

데모는 요청에서 실행, 검토, 승인으로 이어집니다. 자동 실행 건수만 활성화로 세면 실패하거나 쓸모없는 결과까지 포함되므로 성공 기준을 제품별로 정의해야 합니다.

언제 쓰나

에이전트 제품의 온보딩 성공 지표를 설계할 때 씁니다.

페이지로 열기 ↗