정보 인포그래픽

편집형 인포그래픽

참고 스타일: "Anthropic enters consulting." 게시물. 해당 게시물의 구성:

• 두 줄로 된 굵은 헤드라인, 두 번째 줄은 강조 색상;
• 무슨 일이 일어났는지 설명하는 한 문장의 덱;
• 구성 요소로 이루어진 큰 히어로 오브젝트, 각 부분을 가리키는 번호 라벨;
• 사이드 팩트;
• 세 개의 아이콘 칼럼으로 구성된 "Why it's happening" 행;
• 작성자 행과 출처 행.

핵심은 하나의 아이디어를 약 10초 안에 설명하는 것입니다.

형식

• 기본: 단일 독립 이미지, 1080×1350 (4:5). LinkedIn 및 Instagram 피드에 적합하며 저장하기 쉽습니다.
• 캐러셀 슬라이드로: 크기가 캐러셀과 일치하므로 PNG를 {"type": "photo", "image": "images/x.png", "fit": "contain"} 형태로 삽입하거나 표지로 복사할 수 있습니다.
• 덱 슬라이드로: 4:5 레이아웃은 16:9에 맞지 않습니다. 사용자가 필요로 하는 경우 별도의 16:9 레이아웃을 구축하세요.

구성 요소:

• 템플릿: pipeline/remotion/src/Infographic.tsx.
• 빌드: pipeline/build_infographic.py.
• 각 인포그래픽은 자체 폴더 infographics/<slug>/에 infographic.json 파일과 선택적 images/ 하위 폴더를 포함합니다.
• 출력: out/infographics/<slug>.png.

1. 부품이 있는 아이디어 선택하기

적합한 예:

• 2~4개 구성 요소가 있는 움직임: "Anthropic enters consulting"의 전략, 운영 및 기술;
• 아키텍처: Morning Loop의 소스, 커넥터, 스케줄 및 출력;
• 프레임워크 또는 Before → After.

아이디어가 하나의 숫자라면, 캐러셀 graphic 슬라이드나 쇼츠를 사용하세요. 4개 이상의 부분이 필요하면 캐러셀을 만드세요.

2. 카피 작성 (간결하게)

• 헤드라인: 두 줄, 각 2~4 단어, 두 번째 줄 끝에 마침표. 두 번째 줄이 핵심 메시지입니다.
  • 예: ["Anthropic enters", "consulting."], ["Your AI chief", "of staff."].
• 덱: 한 문장, 최대 25단어: 누가 무엇을 했으며 왜 중요한지.
• 콜아웃: 24개 항목. 각 항목은 12단어의 title과 최대 12단어의 text를 가집니다.
  • 위에서 아래로 읽히므로 순서나 계층(위쪽이 가장 전략적)에 따라 정렬하세요.
• 사이드: 선택 사항. 최대 22단어의 눈에 띄는 사실 하나, 예: "2027년까지 엔지니어 10,000명 교육…".
• Why: "Why they're doing it" 또는 "Why build one" 같은 제목과 정확히 3개의 항목. 각 항목은 2~3단어의 title과 최대 7단어의 text를 가집니다.
• 바이라인: {"name", "org"}. 출처: 간행물, 에피소드 또는 "Fringe Lines podcast, <날짜>".

정직성:

• 모든 사실은 sources에서 명시할 수 있는 출처가 필요합니다.
• 출처가 언급하지 않은 숫자를 추가하지 마세요.
• 단 한 매체만 보도한 경우에는 보류하세요 ("reportedly", "per the S-1" 사용).

3. 히어로 비주얼

• 기본: 내장 블록 스택 ("hero": {"label": "Anthropic"}). 콜아웃당 하나씩, 등각 투영 강조 색상 블록을 번갈아 오프셋하여 그리고 각 블록에 리더 라인이 도달하며, 상단 블록에 라벨이 표시됩니다. 이미지 파일이 필요 없습니다.
• 이미지 히어로: "hero": {"image": "images/hero.png", "fit": "contain"}. 제품 스크린샷, 에피소드 화면 공유의 차트나 슬라이드, 또는 제공된 물체/장소 이미지를 사용하세요. 호스트나 실존 인물은 절대 안 됩니다: 카메라 프레임이나 헤드샷 금지.
• AI 생성 이미지 (참고 자료의 콘크리트 렌더링처럼): 사용자가 요청하는 경우에만, 예를 들어 Canva 커넥터를 통해 사용합니다. 실존 인물이나 실제 이벤트의 가짜 "사진"은 금지됩니다.

4. infographics/<slug>/infographic.json

{
  "headline": ["Your AI chief", "of staff."],
  "dek": "Quinn's \"Morning Loop\" agent reads his work tools every weekday at 8 AM and hands him a brief before he opens his laptop.",
  "hero": {"label": "Morning Loop"},
  "callouts": [
    {"title": "Sources", "text": "Outlook mail, calendar and To-Do, Slack, Asana, SharePoint."},
    {"title": "Connectors", "text": "Approved enterprise connectors reach into each source."}
  ],
  "side": {"title": "Closing the loop", "text": "At the end of the day he replies to the brief…"},
  "why": {"title": "Why build one", "items": [
    {"icon": "clock", "title": "Start ahead", "text": "The triage is done before 9."},
    {"icon": "check", "title": "Nothing slips", "text": "It flags what you missed."},
    {"icon": "plug", "title": "No new tools", "text": "Uses the stack you already pay for."}
  ]},
  "byline": {"name": "Fringe Lines", "org": "Episode of Oct 30, 2026"},
  "sources": "Fringe Lines podcast, Oct 30, 2026.",
  "accent": "#FF5A1F"
}

• 아이콘: chart rings target users bolt shield dollar clock globe check mail calendar plug brain. 필요에 따라 Infographic.tsx의 Icon 맵에 새 아이콘을 추가하세요: 36×36 스트로크 패스.
• 강조 색상: 기본값은 Fringe Lines 주황색입니다. 참고 자료의 빨간색은 #C8231B입니다.

5. 렌더링 및 QA

~/.shorts-skill/bin/python pipeline/build_infographic.py infographics/<slug>

렌더링에는 약 20초가 소요됩니다. PNG를 열고 다음을 확인하세요:

• 헤드라인이 2줄에 맞는지 확인. 맞지 않으면 줄이세요. 글꼴 크기를 줄이지 마세요.

• 덱이 3줄 이하로 맞는지 확인.

• 콜아웃 텍스트가 겹치지 않는지 확인. 4개의 콜아웃이 있는 경우 각 텍스트는 최대 2줄이어야 하므로 단어를 줄이세요.

• 각 리더 라인이 해당 블록에서 끝나는지 확인.

• 사이드 노트가 "why" 상자와 겹치지 않는지 확인.

• 세 개의 "why" 열이 균형 잡혀 있는지(비슷한 텍스트 길이) 확인.

• 출처 줄이 2줄 안에 맞는지 확인.

• 호스트, 게스트 또는 실존 인물이 어디에도 등장하지 않아야 합니다.

PNG 경로, 사용된 출처, 그리고 사실 확인이 필요한 사항을 보고하세요.