Arnie936/image-to-campaign

이미지 → 캠페인

하나의 이미지로 완전한 독일어 마케팅 퍼널을 구축합니다. 핵심 목표: 하나의 이미지를 입력하면 일관된 퍼널이 출력됩니다. — 주목을 끄는 Instagram Reels, 신뢰를 구축하고 SEO에 유리한 블로그, 전환을 유도하는 랜딩 페이지. 모든 에셋은 단일 Brand Brief에서 파생된 하나의 시각적 및 언어적 정체성을 공유합니다. 이 브리프는 사용자가 작성하고 승인한 후에야 크레딧이 사용됩니다.

핵심 원칙: 브리프 우선, 단일 진실 공급원

에셋을 먼저 생성하고 나중에 일치시키려고 하지 마십시오. 항상 표류합니다. 대신:

1. 이미지 + 짧은 인터뷰를 통해 하나의 Brand Brief를 작성합니다. 브리프는 제품 정체성, 테제 라인, 팔레트(OKLCH 토큰), 타이포그래피, 톤, 장면, CTA 및 선택된 Reel 각도/스타일을 고정합니다. 또한 모든 에셋 프롬프트를 작성하여 포함합니다.
2. 사용자는 한 번의 체크포인트에서 브리프를 승인합니다.
3. 모든 출력물(랜딩 페이지, Reels, 블로그)은 테제, 팔레트, 폰트, 톤 및 프롬프트를 브리프에서 읽어옵니다. 아무것도 자체적으로 정체성을 다시 도출하지 않습니다.

이것이 랜딩 페이지, Reels 및 블로그가 서로 관련 없는 세 개의 AI 아티팩트처럼 보이지 않고 하나의 캠페인처럼 보이는 이유입니다.

이 스킬의 고정 기본값

• 언어: 독일어. 모든 보이는 텍스트(사이트, 캡션, 블로그)는 독일어입니다. 기술적 CLI 플래그는 영어로 유지됩니다.
• 전환 목표: 데모/컨셉. 아직 실제 상점이 없으므로 모든 CTA는 깔끔한 플레이스홀더입니다(예: "Jetzt entdecken"). 가짜 가격, 체크아웃 링크 또는 리뷰를 만들지 마십시오.
• 한 번의 승인 체크포인트, 브리프 직후. 승인 후에는 자율적으로 끝까지 실행합니다.
• 랜딩 페이지는 로컬로 유지(프리뷰 서버). 배포(Vercel)는 사용자가 요청하는 경우에만 나중 단계입니다.

0단계 — 부트스트랩

에셋 생성은 Higgsfield CLI를 통해 실행됩니다(higgsfield-generate 및 higgsfield-product-photoshoot 스킬과 동일한 엔진).

1. higgsfield가 $PATH에 없으면 설치합니다: curl -fsSL https://raw.githubusercontent.com/higgsfield-ai/cli/main/install.sh | sh
2. higgsfield account status를 실행합니다. Session expired / Not authenticated 오류가 발생하면 사용자에게 higgsfield auth login을 실행하고 기다리라고 요청합니다. Higgsfield 계정이 없는 경우 https://higgsfield.ai/s/mcp-arnold-oberleiter-ecZvus 에서 가입하도록 안내합니다(에셋을 생성하려면 크레딧이 있는 계정이 필요함).

입력 이미지(로컬 경로)가 실제로 있는지 확인합니다. 사용자가 이미지 없이 제품만 설명한 경우 그렇게 말하십시오 — 이 스킬은 실제 이미지를 기반으로 구축되었습니다. 텍스트 전용으로 진행할 수는 있지만 충실도가 떨어지므로 사용자에게 알리십시오.

1단계 — 인터뷰 (최대 2개 질문, 독일어)

먼저 이미지를 보고 가능한 모든 것을 추론합니다(제품이 무엇인지, 대상이 누구인지, 분위기). 진정으로 알 수 없는 것에 대해서만 질문하십시오. 랜딩 페이지 사양의 두 가지 질문으로 제한하고 독일어로 진행합니다:

1. Was ist das Produkt/die Marke in einem Satz, für wen, und welches Gefühl soll es auslösen?
2. Soll ich alle Bild- und Videoassets mit Higgsfield generieren, oder gibt es schon Assets/Logo/Farben, die ich verwenden soll?

이미지나 사용자의 메시지에서 답변이 이미 명확한 경우 질문을 건너뛰십시오. 가격이나 판매 대상에 대해 묻지 마십시오 — CTA는 기본적으로 데모 플레이스홀더입니다.

2단계 — Brand Brief 작성

references/brand-brief.md를 따르십시오. 정체성 필드와 모든 에셋 프롬프트(사이트 에셋 5개, Reel 프롬프트 3개, 블로그 이미지 1개)를 포함하는 brief.md를 생성합니다. 아무것도 소비하기 전에 지금 프롬프트를 작성하는 것이 체크포인트를 의미 있게 만듭니다.

🛑 체크포인트 — 생성 전 승인 받기

사용자에게 간결하게 다음을 보여줍니다:

• 테제 라인, 장면 문장, 4가지 팔레트 토큰, 폰트, 톤 단어, CTA
• 선택된 스크롤 컨셉(이유 한 줄)
• 3가지 Reel 각도 + 선택된 Reel 스타일(시네마틱 vs UGC) 및 그 이유
• 실행하려는 모든 에셋 프롬프트의 전체 목록

그런 다음 한 가지 질문을 합니다: "Passt der Brief so, oder soll ich was anpassen, bevor ich generiere?" 생성에는 크레딧이 소모되므로 건너뛰지 마십시오. 수정 사항을 적용한 후 진행합니다. 이 시점 이후로는 자율적으로 실행합니다.

3단계 — 구축 (승인 후)

의도적인 순서대로 구축합니다. 랜딩 페이지가 먼저 구축되는 이유는 디자인 시스템을 고정하고 Reels가 재사용할 히어로 비디오를 생성하기 때문입니다.

1. 랜딩 페이지 → references/landing-page.md. 사이트 에셋 5개를 생성하고 website/index.html을 조립한 후 브라우저에서 확인합니다.
2. Reels → references/reels.md. 9:16 Reels 3개. 시네마틱 쇼케이스 각도에 대해 사이트의 히어로 또는 중간 비디오를 재사용/리프레임하여 크레딧을 절약하고 나머지 두 개는 생성합니다. reels/captions.md를 작성합니다.
3. 블로그 → references/blog.md. 동일한 팔레트 토큰과 폰트를 재사용하는 독일어 SEO 기사를 blog/blog.html에 작성합니다. 하나의 이미지(가능하면 사이트 스틸 재사용)와 랜딩 페이지로 돌아가는 CTA를 포함합니다.

4단계 — QA

• 랜딩 페이지: references/landing-page.md의 전체 브라우저 체크리스트를 실행합니다.
• Reels(선택 사항이지만 권장): 각각 바이럴리티 예측기로 점수를 매깁니다(higgsfield generate create brain_activity --video <reel> --wait). 명확히 더 나은 각도가 보이는 경우 가장 약한 Reel을 재생성합니다. 점수를 보고하고 조용히 넘어가지 마십시오.
• 텍스트가 포함된 모든 에셋이 독일어인지, 팔레트와 폰트가 사이트, Reels 썸네일, 블로그에서 동일한지 확인합니다.

5단계 — 전달

캠페인 폴더(아래 구조)를 구성하고 assets/campaign-readme-template.md에서 README.md를 작성합니다: 내용, 사이트를 로컬로 미리 보는 방법, 붙여넣기 준비가 된 3개의 캡션, 명확한 다음 단계(배포 + 플레이스홀더 CTA를 실제 CTA로 교체).

사용자에게 보내는 최종 메시지(독일어, 간결): 로컬 사이트 URL, 테제 라인, 파일명과 함께 3개의 Reel 각도, 캡션과 블로그 위치, 그리고 마주친 모든 제한 사항(예: 재생성해야 했던 에셋).

캠페인 폴더 구조

kampagne-<slug>/
  brief.md                  # 승인된 단일 진실 공급원
  website/
    index.html
    assets/                 # hero.mp4, middle.mp4, g1.jpg, g2.jpg, g3.jpg
  reels/
    reel-1-hook.mp4
    reel-2-showcase.mp4
    reel-3-lifestyle.mp4
    captions.md             # Reel당: 후크 텍스트, 캡션, 해시태그, CTA
  blog/
    blog.html
    assets/                 # 블로그 이미지
  README.md

일관성 규칙 (모든 생성 에셋에 적용)

전체 캠페인에서 다음을 일정하게 유지 — 이것이 하나의 브랜드처럼 느껴지게 하고 무작위 생성물처럼 보이지 않게 하는 핵심입니다:

• 동일한 제품 정체성과 형태
• 동일한 재질 언어
• 동일한 조명 방향
• 동일한 색상 세계(브리프의 팔레트)
• 동일한 프리미엄 톤

다음과 같은 경우 에셋을 거부하고 재생성합니다: 제품 정체성이 변경됨, 형태가 표류함, 재질이 잘못됨, 텍스트가 이미지/비디오에 베이킹됨(AI 텍스트 렌더링은 신뢰할 수 없음 — 생성된 미디어를 깨끗하게 유지하고 캡션/편집기에서 실제 텍스트를 추가), 또는 단순히 "AI가 만든" 것처럼 보임. 일관성이 화려함보다 우선합니다.

참조 색인

• references/brand-brief.md — 브리프 도출 방법 + 브리프 템플릿 및 전체 에셋 프롬프트 목록(2단계에서 먼저 읽기)
• references/landing-page.md — 브리프 인식, 독립형 랜딩 페이지 구축 및 브라우저 QA 체크리스트
• references/reels.md — 3개의 Reel 각도, 시네마틱-vs-UGC 선택, 생성 명령어, 리프레임 재사용 및 캡션 형식
• references/blog.md — 독일어 SEO 기사 사양 및 HTML 템플릿
• assets/brief-template.md, assets/blog-template.html, assets/campaign-readme-template.md — 채워 넣을 템플릿