storyteller-renderer
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을 생성한다.
More from tendtoyj/tendtoyj-claude-skills
image-creator
Generate brand-consistent AI visuals for social posts using nanobanana MCP (Gemini image generation). Transforms post copy or visual direction notes into platform-optimized images with brand color, style, and composition constraints. Use when user mentions: 이미지 만들어줘, 소셜 이미지, AI image, generate image, visual for post, 비주얼 생성, 썸네일, 카드뉴스 이미지, brand visual, social media image, nanobanana, 포스트 이미지, create visual, make an image, image for my post, generate a thumbnail, 배너 이미지, cover image
23card-news-image-generator
Generate content images for card-news using nanobanana MCP (Gemini image generation). Produces 16:9 editorial images for content-image cards — no text, clean style. Use when user mentions: 카드뉴스 이미지, card news image, 콘텐츠 이미지, content image, 카드뉴스 사진, generate card image, 이미지 생성, AI 이미지
5post-writer
Write a single platform-optimized social post with storytelling framework, brand voice, and visual direction notes. Produces ready-to-post copy for one platform. No MCP tools — pure creative writing powered by creative-memory context. Use when user mentions: social post, write a post, LinkedIn post, Twitter post, tweet, Instagram caption, Instagram carousel, reel script, YouTube script, YouTube shorts, email nurture, platform content, social copy, draft a post, create a post, write for LinkedIn, write for Instagram, write for Twitter, 소셜 포스트, 포스트 작성, 인스타 포스트, 링크드인 포스트, content writing, platform-native, social media copy, post for [platform], one post
5voice-of-customer
Mine real customer language from communities, reviews, and forums — build a Customer Language Bank of pain expressions, desire phrases, comparison language, and purchase triggers. Use when user mentions: voice of customer, customer language, customer words, what customers say, customer feedback, review mining, community research, pain expressions, desire expressions, trigger phrases, customer quotes, language bank, VOC, customer voice, real language, how customers talk, customer sentiment, review analysis, community mining, Reddit research, forum mining
5audience-profiler
Profile your target audience — segments, buying journey, pain points, and media habits. Use when user mentions: audience research, customer segments, buyer persona, buyer journey, customer journey, pain points, target audience, customer profiling, audience profiling, who is my customer, media consumption, attention map, customer insight, audience analysis, ideal customer, ICP, customer needs, unmet needs, buying behavior
4keyword-research
Find what to write and target using the 6 Circles Method for keyword discovery and content prioritization. Use when user mentions: keyword research, SEO keywords, content strategy, content planning, keyword analysis, search terms, ranking opportunities, content pillars, SEO opportunities, programmatic SEO, keyword gaps, content calendar, what to write, traffic strategy, organic traffic, long-tail keywords
4