콘텐츠로 이동

n8n + AI Builds & Styles Google Docs for Me (100% Automated)

원본 영상: n8n + AI Builds & Styles Google Docs for Me (100% Automated)

n8n이 AI로 HTML을 생성하고, Google Apps Script 웹앱이 이를 실제 Google Docs 서식으로 변환하는 완전 자동화 파이프라인.

  1. 왜 이 방식이 필요한가 — n8n에서 Google Docs API로 직접 스타일링하는 것은 불가능(API 한계). 우회책으로 Apps Script를 HTML→Docs 변환기로 사용.
  2. Apps Script 설정 — 새 Google Docs 생성 → 확장 프로그램 → Apps Script → 기존 코드 전체 삭제 → 제공된 HTML-to-Doc 변환 스크립트 붙여넣기 → 저장.
  3. Drive API 서비스 추가 — Apps Script 내 Services에서 Drive API 추가.
  4. 웹앱 배포 — 새 배포 → Web App 선택 → 실행 계정: 본인, 액세스 권한: Anyone → 배포 후 URL 복사.
  5. n8n HTTP Request 노드 구성 — POST 메서드로 배포 URL에 JSON 전송.
  6. AI 스타일링 노드 — Anthropic 모델에 “Document Stylist” 역할 부여, HTML 출력 강제, 전체 wrapper 스타일 정의 포함 프롬프트 사용.
항목값/설명
HTTP 메서드POST
Body 형식JSON (fields below)
파라미터 1documentId — 대상 문서 ID (URL의 /d/ 뒤, /edit 앞)
파라미터 2mode: append — 문서 끝에 추가
파라미터 3html — AI가 생성한 HTML 문자열
wrapper 최대 너비860px
배경색 기본값#ffffff (변경 가능)
Apps Script 인증비공인 앱 경고 → Advanced → Allow
  • wrapper max-width: 860px (영상 직접 시연값)
  • 초기 테스트 결과: 검정 배경에 검정 텍스트 등 스타일 오류 발생 — AI 프롬프트 가이드라인 보완으로 해결 필요하다고 본인이 언급

사용 도구

  • n8n (HTTP Request 노드, AI 모델 노드)
  • Google Apps Script (HTML→Docs 변환 웹앱)
  • Anthropic Claude (스타일링 HTML 생성)

n8n 워크플로 흐름

[새 Google Docs 생성] → [AI로 블로그 포스트 생성] → [Anthropic: HTML 스타일링] → [HTTP POST → Apps Script 웹앱] → [Google Docs에 반영]

AI 프롬프트 패턴 (요약)

  • 역할: “You are a document stylist. Your goal is to create beautiful HTML formatting that can be imported into Google Docs.”
  • 필수 조건: 출력은 반드시 HTML
  • wrapper 전체 스타일 (max-width, margin, background-color) 명시
  • 지원 요소 예시 포함: 제목, 헤더, 리스트, 테이블
  • 회사 브랜드 색상·타이포그래피 추가 가능
  • 이미지 삽입 시 완전한 URL 필수 (불완전 URL은 오류 발생)