Video summary

[유료강의 무료공개] 클로드로 블로그 에이전트 팀을 만들었습니다

Main summary

Key takeaways

Technology

핵심 내용(기술 개념/제품 기능/분석)

  • Claude의 “한 줄 입력만으로 1분 내 블로그 초안 생성”을 소개하되, 여기서의 자동 생성은 단순 결과가 아니라 다음이 포함된 결과라고 설명합니다.
    • 웹 최신 정보 수집
    • 팩트 체크
    • 기존 사용자 문체 스타일 반영
    • 이미지 생성
  • 단발성 프롬프트로 끝내지 않고, 블로그 에이전트 팀(Research / Writing / Image / Assembly) 구조로 품질을 안정화하는 방법을 튜토리얼로 진행합니다.
  • 역할을 분리하는 이유:
    • 연구와 글쓰기, 이미지 생성이 섞이면 맥락이 겹쳐 품질이 들쑥날쑥해질 수 있음
    • 역할 분리로 각 단계 산출물이 명확해지고 문제가 시작된 지점을 즉시 추적 가능
    • 이미지 수정이 필요할 때 이미지 담당 에이전트만 수정하면 됨

가이드/문서 생성 파이프라인(주요 기능)

  1. 스타일 가이드(Style Dash Guide)

    • 사용자의 “내가 쓰던 블로그 글”을 그대로 붙여넣고, Claude가 톤/문장 습관/서론-결론 패턴/표현 습관을 분석해 파일로 만듦
    • 생성된 문서를 검토한 뒤 마음에 안 드는 구간은 Claude에게 수정 요청으로 즉시 업데이트 가능
    • 파일명 규칙(“Style Dash Guide”)을 Claude가 인식하기 위한 표준으로 권장

  2. SEO 가이드(네이버 기준, 2026년 최신 규칙 조사)

    • Claude가 웹 최신 정보를 기반으로 네이버 블로그 SEO 규칙을 May 2026 기준으로 리서치해 Markdown 파일로 생성
    • 포함 요청 항목:
      • 제목 작성 규칙
      • 본문 구조
      • 검색 키워드 수/배치
      • 이미지 개수 최적치
      • 해시태그 활용
      • (언급) Naver 상위 노출 관련 알고리즘(C-Rank Diamond) 검증 및 금지사항 식별
    • SEO 규칙은 변하므로, 품질 유지를 위해
      • 가이드 업데이트 → 향후 포스트도 자동으로 최신 규칙 반영 가능하다고 설명
    • 티스토리/워드프레스는 요청 시 “Naver Blog”를 해당 플랫폼으로 치환하면 된다고 안내

  3. Claude Code에서 프로젝트 구성

    • 데스크탑에 Blog 폴더를 생성하고, Claude Code에서 VS Code로 열어 작업
    • Guide 폴더에 스타일 가이드 + SEO 가이드를 드래그하여 배치
    • Claude Code 대화/실행을 통해 “가이드 기반 초안(Test Draft)” 생성 후 품질 점검

테스트(중간 검증) 절차

  • 가이드 2개(스타일/SEO)가 제대로 반영되는지 초안(Test Draft)을 만든 뒤 확인합니다.
  • 검증 포인트:
    • 문체/톤이 스타일 가이드와 일치하는지
    • SEO 규칙(제목/본문 구성/키워드/해시태그 등)이 반영됐는지
    • AI가 임의로 만든 내용이 섞이거나 글 흐름이 어색해지지 않았는지
  • 마음에 안 들면 가이드 자체 또는 수정 방향을 반영해 재생성하고, 테스트를 반복합니다.

에이전트 팀 설계(Research / Writer / Image / Assembler)

  1. Researcher MD (리서치 에이전트 지침/역할 정의)

    • 사용자가 주는 토픽에 대해 May 2026 기준 최신 자료를 웹에서 수집
    • 신뢰도 검증 기능이 있고, 사용자가 결과를 확인 가능하게 설계
    • 결과는 팩트체크 중심으로만 작성
    • 출처 URL 포함, 근거 없는 내용 금지로 환각 최소화
    • (예시) “Claude Code의 5가지 핵심 기능”을 조사하며 공식 문서 위주로 인용한 형태 확인

  2. Writer MD (작성 에이전트 지침/역할 정의)

    • Writer는 다음을 읽어 실제 블로그 글을 작성:
      • Researcher가 만든 리서치 결과
      • 스타일 가이드
      • SEO 가이드
    • 중요 규칙:
      • 스타일/SEO 가이드를 엄격히 준수
      • 리서치 데이터에 없는 내용은 임의로 추가 금지
    • 이미지 관련:
      • SEO 가이드의 이미지 규칙에 따라 이미지 삽입 “마커 위치”를 텍스트 내에 표시하도록 지시

  3. Image Maker 에이전트 (이미지 생성)

    • 이미지 가이드를 바탕으로, 글 내 Image 마커 위치에 맞는 이미지를 생성
    • 이미지 생성 방식:
      • 외부 API 대신, HTML/CSS로 이미지 생성
      • Python 라이브러리(Playwright)로 웹페이지(캡처) 단위로 이미지 파일 저장
    • 템플릿 예시(정해진 스타일 세트):
      • 비교 테이블용 템플릿
      • 단계별 다이어그램
      • 핵심 요점 카드
      • 인용/강조 박스
    • 품질 안정화:
      • 생성 후 정렬/여백/글자 잘림/삐뚤어짐 같은 문제를 Claude가 검사(Viewg 언급)하고
      • 문제가 있으면 자동 재생성을 요구(예: “image number 3 재생성”처럼 반복)

  4. Assembler 에이전트 (최종 조립)

    • 텍스트(이미지 경로 포함) + 생성된 이미지들을 입력으로 받아
    • Markdown + HTML 두 포맷의 최종 미리보기 파일 생성
    • HTML 레이아웃은 네이버 블로그 형태를 예시로 맞춤
    • 자동 업로드는 네이버 API가 막혀 직접 다루지 않지만,
      • 복붙/붙여넣기로 실제 블로그에 적용 가능하다고 안내

프로젝트 최종 구성: Claude MD(메인 오케스트레이터 정의)

  • 마지막에 Claude MD 파일을 만드는 이유:
    • 에이전트 생성 순서를 잘못하면(먼저 Claude MD 만들기) 에이전트 수정 때마다 Claude MD가 계속 덮여 데이터가 섞여 동작이 깨질 수 있기 때문
  • Claude MD는 짧고 간결하게 작성:
    • 메인 에이전트는 직접 리서치/작성하지 않고, 서브 에이전트를 호출해 파이프라인을 실행한다는 점을 명시

최종 기능 검증(멀티 토픽 테스트)

  • 새 세션에서 Claude MD만 보고도 순서대로(리서치 → 작성 → 이미지 → 조립) 생성되는지 테스트
  • 서로 다른 주제(예: AI/여행)에서도 동일 팀이 동작하는지 확인
  • 다만 이미지 스타일이 “다크 테크 바이브”로 고정된 부분이 있어,
    • 여행/운동 같은 테마에는 이미지 가이드를 주제 분위기에 맞게 수정하는 것이 좋다고 언급

주요 스피커/출처

  • 영상 진행자(튜토리얼 작성자/강의 제공자)
    • “오늘은 … 보여드리겠다/제가 만들었다” 중심으로 설명하며 전 과정을 데모하는 인물
  • 주요 시스템 구성 요소(에이전트들)
    • Claude, Claude Code에서 실행되는 Researcher / Writer / Image Maker / Assembler 에이전트(영상에서 설계된 역할)

Original video