지식센터 / 레퍼런스

멀티 LLM·멀티툴 실전 워크플로우 가이드

# 멀티 LLM·멀티툴 실전 워크플로우 가이드

> 출처: https://youtu.be/Jt-rRUC2BMo

> 핵심 원칙: 한 툴로 다 하지 말고, "도구 조합 + 순서 + 프롬프트 번역/정제"를 고정 루틴으로 반복 사용

---

모델 포지셔닝 전략

---

1. Gemini 경유 패턴 (Claude → Gemini)

한국어 → 영문 프롬프트 변환을 Claude가 맡고, Gemini는 영어 기준 최적화 작업만 담당.

Claude 프롬프트 템플릿

너는 '다른 LLM(Gemini 등)에게 전달할 영문 프롬프트'를 만들어주는 번역·리라이팅 어시스턴트야.
아래 한국어 설명을 LLM이 이해하기 좋은 자연스러운 영어 프롬프트로 바꿔줘.
- 목적, 제약조건, 산출물 포맷을 명확히 써줘
- 전달 대상: Gemini(이미지/영상 분석 또는 일반 텍스트 작업)
- 가능한 한 구체적으로, 하지만 불필요하게 장황하지 않게

[한국어 설명]
{내가 하고 싶은 일 한국어로 자세히 적기}

---

2. 이미지/영상 분석 루틴

2-1. 이미지/웹 레퍼런스 → UI 코드

워크플로우: Gemini(구조 분석) → Claude(코드 생성)

1. 레퍼런스 스크린샷을 Gemini에 넣고 요청: "이 페이지의 레이아웃 구조를 컴포넌트 단위로 설명해줘 (헤더/섹션/그리드/폼 등), 색상 코드와 타이포 스타일도 추출해줘."
2. Gemini 결과를 Claude에 넘겨서 코드 생성:

아래는 어떤 웹 페이지를 분석한 레이아웃/스타일 설명이야.
- UI 라이브러리: ShadCN
- 스타일: Tailwind CSS
- 프레임워크: Next.js + TypeScript
이 설명을 기준으로 반응형 페이지 코드를 짜줘. 컴포넌트 분리 전략까지 같이 제안해줘.

[레이아웃 설명]
{Gemini 결과 붙여넣기}

2-2. 영상 분석 루틴 (Whisper 필수 경유)

워크플로우: Whisper(STT) → Claude(분석)

1. Whisper API로 영상 음성을 텍스트로 변환
2. 변환된 스크립트를 Claude에 넣고 분석:

아래는 유튜브 영상의 전체 스크립트야.
- 주제 요약
- 타임라인별 핵심 메시지
- 편집 포인트(장면 전환이 들어가면 좋은 위치)
- 썸네일/제목/설명 아이디어
를 정리해줘.

[영상 스크립트]
{Whisper 결과 붙여넣기}

> ⚠️ 후킹 포인트(시청자가 멈추는 순간, 감정 변화 타이밍)는 사람 감각으로 직접 잡고, AI는 "구조화/정리/아이디어 보조" 역할만

---

3. 디자인/프론트엔드 루틴

3-1. Stitch Pro 사용 원칙

• Pro와 Flash 차이가 크므로 프로덕션은 반드시 Pro
• "URL 참고해서 만들어줘" 방식 피하기 → 레이아웃/색상/톤을 텍스트로 구체 묘사
• Claude로 영어 프롬프트 가공 후 Stitch에 전달

아래는 내가 만들고 싶은 웹 페이지/앱 화면에 대한 한국어 설명이야.
구글 Stitch Pro에게 전달할 수 있는 고퀄리티 영어 프롬프트로 바꿔줘.
- 레이아웃(섹션 구성, 그리드 구조)
- 주요 컴포넌트와 인터랙션
- 색상 팔레트(HEX 코드 포함)
- 전반적인 톤(모던, 미니멀, playful 등)

[한국어 설명]
{내 설명 붙여넣기}

3-2. Stitch 결과물 후처리

Stitch 결과물 그대로 쓰지 말고, Claude로 프로덕션 코드로 승격:

아래는 Google Stitch가 생성한 코드야.
목표:
- Next.js + TypeScript + ShadCN + Tailwind 기준으로 리팩터링
- 컴포넌트 구조 재설계 (재사용성, 접근성 고려)
- 프로덕션 수준 코드 품질로 올리기

리팩터링된 코드와, 컴포넌트 분리 전략, 폴더 구조까지 제안해줘.

[Stitch 코드]
{코드 붙여넣기}

3-3. UI 라이브러리 선택

MUI 대신 ShadCN을 기본 선택. Claude에게 항상 "ShadCN 기준으로 생성해"라고 명시.

---

4. 로고·미니멀 디자인 (Claude 웹)

간단한 로고, 미니멀 UI, 심볼 형태는 Claude 웹에서 직접 생성·수정.

서비스 이름: {서비스명}
키워드: {키워드 3~5개}
톤: 미니멀, 심플, 세련된, 단색 또는 2톤

위 조건을 만족하는 로고/아이콘 컨셉을 5개 제안해줘.
각 컨셉에 대해 형태 설명, 사용 색상 코드(HEX), 어디에 어떻게 쓰면 좋은지를 설명해줘.

수정 지시는 디테일보다 전체 방향성을 짧게:

여백을 더 살리고, 요소 수는 줄이고, 전체를 더 미니멀하게 다듬어줘.

---

5. 품질 체크 스킬 루틴

코드/디자인 마지막에 항상 스킬로 한 번 돌리는 루틴 고정:

코드 품질 체크

아래 React/Next.js 코드에 대해, 'Vercel React Best Practices' 기준으로 코드를 리뷰해줘.
- 구조, 상태 관리, 성능, 접근성, 타입 안정성 측면에서 문제/개선 포인트를 리스트업하고
- 각 항목별로 수정 예시 코드까지 제시해줘.

[코드]
{코드 붙여넣기}

디자인 품질 체크

아래 웹 페이지 디자인에 대해, 웹 디자인 가이드라인 관점에서
- 타이포 계층
- 컬러 대비
- 여백/그리드
- 반응형 동작
을 체크하고 개선안을 제안해줘. Tailwind 코드 예시도 같이 줘.

---

6. 텍스트·SNS 글 원칙

SNS 글은 원문은 직접 쓰고, AI는 "문장 정리/오탈자/흐름 개선"만.

이유: 100% AI 생성 글은 읽는 사람에게 금방 티 나고, "사람 냄새"가 사라짐.

아래는 내가 직접 쓴 SNS 초안이야.
- 표현은 내 말투를 최대한 유지하고
- 문장 구조만 더 매끄럽게
- 오탈자/어색한 표현만 수정
- 길이는 비슷하게 유지
해줘. 'AI가 쓴 티'가 나지 않도록 과도하게 매너리즘 있는 표현은 피해줘.

[내 초안]
{텍스트 붙여넣기}

---

7. 후킹 포인트/편집 포인트 태도

AI에게 전적으로 맡기지 않는다. 구조 정리, 요약, 후보 포인트 제안까지만 쓰고, 최종 선정은 본인 감각으로.

아래 영상 스크립트를 기준으로,
- 사람들이 집중할만한 내용 전환 지점
- 감정 변화가 있을 수 있는 구간 후보
를 몇 개 제안해줘. 나는 이걸 그대로 쓰지 않고, 내 감각으로 다시 검토할 거야.

[스크립트]
{텍스트 붙여넣기}

---

8. 도구 조합 메타 정의 (한 줄)

> "분석은 Gemini, 코딩과 프롬프트 번역은 Claude, 음성 추출은 Whisper, 디자인 초안은 Stitch, 로고/미니멀 디자인은 Claude 웹, 마지막 품질 검수는 React/Design 스킬로 하는 멀티 LLM·멀티툴 파이프라인을 기본 루틴으로 운영."

이 한 줄을 전제로 놓고, 각 프로젝트마다 이 루틴을 파라미터 튜닝하는 식으로 확장.

---

우리 환경 적용 포인트

관련 문서

이 문서를 참조하는 문서 (역링크)

• 없음

다른 표현: Markdown · JSON · 최종 갱신 2026-08-24