storyteller-renderer
Installation
SKILL.md
Storyteller Renderer
템플릿 HTML의 {{placeholder}}를 치환하여 카드뉴스 HTML을 조립하고, Playwright MCP로 1080×1350 PNG를 렌더링한다.
워크플로우
Step 1. 입력 확인
필수 입력:
- 승인된 카드 구성 (planner 출력: 템플릿 타입, 카드별 카피 텍스트)
- 생성된 이미지 파일 경로 (image-maker 출력: 카드별 이미지 매핑)
- 브랜드명, 주제명, 날짜
출력 디렉토리 결정: storyteller/[주제]-[YYYY-MM-DD]/
Step 2. HTML 조립 (템플릿 치환 방식)
템플릿 파일에서 카드 HTML 블록을 추출하고, {{placeholder}}를 실제 값으로 치환하여 render.html을 생성한다.