프로토타입 화면 · 실제 작동 X · 디자인 검토용 정적 demo
실제 작동 화면 →

AI 마케팅 에이전트BETA

AI 멀티 에이전트 마케팅 자동화

DESIGN PROPOSAL · v0.2

전체 흐름 가이드

셋업 → 계획 → 제작 → 발행. 사용자가 처음 들어와서 첫 콘텐츠가 발행될 때까지의 모든 화면을 단계 순서로 정리했습니다. 번호 순서대로 클릭해 보면 전체 흐름이 한 번에 이해됩니다.

QUICK TOUR · 11단계
1
가이드 온보딩
2
내 스타일 (MY_STYLE)
3
레시피 갤러리
4
콘텐츠 캘린더
5
콘텐츠 스튜디오
6
에이전트 공정 가시화
7
중간 컨펌 게이트
8
실패 복구 (인라인 수정)
9
단계 상세 수정
10
이미지 파이프라인 테스트
11
Publisher 엔드포인트 테스트
1단계 · 셋업
사용자가 누구인지, 무엇을 좋아하는지
STEP 1
/onboarding

1. 가이드 온보딩

30초 안에 첫 게시물 미리보기

신규 사용자를 위한 1-path 흐름. 목표·업종 → 채널 연결 → 자동 레시피 → 컨펌 → 예약.

경쟁 포지션
Recipe Gallery는 '뭘 할 수 있나'만 보여줌. 1-path가 해답.
샘플 보기
STEP 2
/my-style

2. 내 스타일 (MY_STYLE)

에이전트가 기억하는 나의 취향

Claude Code의 CLAUDE.md 패턴. 톤·브랜드 컬러·발행 시간 등 학습된 규칙을 직접 편집.

경쟁 포지션
블랙박스 학습이 아니라 파일로 보고 고칠 수 있음 — 신뢰의 원천.
샘플 보기
2단계 · 계획
한 달 동안 무엇을 만들 것인가
STEP 3
/recipe-gallery

3. 레시피 갤러리

빈 캔버스 증후군 해결

검증된 레시피 프리셋 6개. MY_STYLE이 자동 적용돼서 '내 것'처럼 느껴짐.

경쟁 포지션
Gumloop·n8n은 빈 캔버스 — 우리는 레시피 먼저, 커스텀은 옵션.
샘플 보기
STEP 4
/content-calendar

4. 콘텐츠 캘린더

한 달치 자동 스케줄 미리보기

활성 Recipe가 다음 30일 동안 어떤 주제로 어느 플랫폼에 발행될지 한눈에. 날짜 셀 클릭 → 그 날 콘텐츠 제작 흐름으로.

경쟁 포지션
예약 발행이 블랙박스가 되면 사용자가 신뢰 못 함. 한 달치를 미리 보여주는 게 차별점.
샘플 보기
3단계 · 제작
한 콘텐츠를 어떻게 조합할 것인가
STEP 5
/content-studio

5. 콘텐츠 스튜디오

한 콘텐츠가 만들어지는 5단계

주제·후크 → 대본 → 이미지 시퀀스 → 음성·다국어 → 발행. 각 단계마다 컨펌 게이트.

경쟁 포지션
한 영상이 어떤 순서로 어떤 이미지·대본·음성으로 조합되는지 사용자가 통제.
샘플 보기
STEP 6
/agent-pipeline

6. 에이전트 공정 가시화

Stream + Step 이중 UI

각 에이전트가 뭘 하고 있는지 실시간 스트리밍 + 단계별 입출력 카드.

경쟁 포지션
Make 로그는 개발자용, Zapier는 블랙박스 — 우리는 과정을 일부러 노출.
샘플 보기
STEP 7
/confirm-gate

7. 중간 컨펌 게이트

생성 중간에 결과물을 보고 승인/재시도

각 에이전트 단계 사이에 '잠깐 멈추고 확인' 포인트.

경쟁 포지션
Zapier/Make는 한 번 돌리면 끝까지 — 우리의 지분.
샘플 보기
STEP 8
/failure-recovery

8. 실패 복구 (인라인 수정)

파이프라인 위에서 바로 고치기

단계 실패 시 카드가 펼쳐지고 재시도/프롬프트 수정/건너뛰기 3버튼.

경쟁 포지션
Zapier 에러 JSON, n8n 노드 IDE — 초중급자 이탈. 인라인 수정이 리텐션 핵심.
샘플 보기
STEP 9
/step-edit

9. 단계 상세 수정

실패 클릭 → 그 단계만 세밀 조정

3단 난이도(크기/스타일 → 슬라이더 → 프롬프트)로 수정 후 그 단계만 재실행.

경쟁 포지션
'어디서 고치지?' 질문을 한 화면으로 해결.
샘플 보기
4단계 · 발행
외부 플랫폼으로 어떻게 내보낼까
STEP 11
/publish-test

11. Publisher 엔드포인트 테스트

/api/publish 실제 호출

WordPress REST + App Password / Tistory OAuth 스캐폴드. 실제 발행 raw JSON 확인.

경쟁 포지션
발행 파이프라인은 모킹이 아니라 실제 외부 API. production 전환 가능 여부 검증.
샘플 보기
인프라 · 검증
내부 파이프라인이 실제로 동작하는지
STEP 10
/image-test

10. 이미지 파이프라인 테스트

/api/images 폭포수 체인

캐시 → Unsplash → Groq Flux → SVG placeholder. 비용·소요시간·소스 추적.

경쟁 포지션
각 콘텐츠 1장당 평균 ₩7. plans/image-generation.md 참고.
샘플 보기

왜 이 순서로 정리했나

  • • 셋업 → 계획 → 제작 → 발행: 사용자가 실제로 거치는 시간 순서. 각 단계는 다음 단계가 작동하기 위해 필요한 정보를 만든다.
  • • 계획(콘텐츠 캘린더)이 제작 앞에: 한 달치를 먼저 그려놓고, 각 칸을 클릭하면 그 날의 콘텐츠 제작(스튜디오)으로 들어가는 구조.
  • • 인프라는 따로: image-test / publish-test는 사용자 흐름이 아니라 엔드포인트 검증용. 한쪽에 모음.
  • • 목업은 정적입니다(버튼 실제 동작 X). 지금은 화면 레이아웃과 정보 위계만 검증.