Claude Fable 5 + New Design Skill = Beautiful $10,000 Websites

01핵심 개요

02핵심 내용 구조

발표자 Jack Roberts는 이커머스 액셀러레이터를 운영하며 $10,000 이상에 웹사이트를 판매한 경험을 바탕으로, Fable 5(Anthropic의 디자인 특화 에이전트)와 자체 제작한 "Fable 5 스킬 머신"을 결합해 스크롤 애니메이션이 살아있는 프리미엄 웹사이트를 원샷으로 생성하는 워크플로우를 공개한다. 이 스킬은 Claude Code에 업로드하는 파일 형태로 배포되며, 실행 시 풀 Fable 5 모드(최고 품질, 고비용)와 비용 절감 모드(Opus 4.8 등과 혼합 사용) 중 선택할 수 있다. 이후 미디어 생성 도구로 Higgsfield를 CLI로 연동하고, 브랜드 방향·로고·색상 등 일련의 질문에 답하면 3가지 디자인 옵션이 제시되고 이를 실제 사이트로 빌드한다. 영상에서는 과일 스무디 브랜드, 향수 브랜드(Nocturne), 산속 별장(Alpine Glow) 등 여러 실제 결과물을 시연하며, 각각 스크롤에 따라 이미지가 변형·폭발·합성되는 시네마틱 연출을 보여준다.

03기술적 맥락

시스템의 핵심은 "두 개의 선이 절대 교차하지 않는다"는 원칙이다. Anthropic(Fable 5, Opus 4.8)은 아트 디렉션, 브랜드, 폰트, 레이아웃, 프롬프트별 샷 리스트, 스크립트 엔진 등 디자인 의사결정을 전담하고, ChatGPT 5.6 Sol("치프 머슬")은 프롬프트 스캐폴딩, 비용 계산, 로직·일관성 검증 등 저가치·고반복 작업을 담당해 값비싼 Anthropic 크레딧 소모를 최소화한다. 이미지·영상 생성은 Higgsfield가 CLI 인증(higgsfield auth login)을 통해 Claude Code와 연동되며, 자연어 지시만으로 세계 최상위 이미지·영상 모델에 접근할 수 있다. 워크플로우는 7단계(스파링→브랜드/샷 디렉팅→렌더링(Higgsfield)→게이트 검증→빌드→리뷰→검증)로 구성되며, 각 빌드가 끝나면 사용된 모델·토큰·크레딧을 명시한 "비용 영수증"이 자동 생성된다. 비용 절감 팁으로는 영상 생성 시 오디오를 끄는 것이 있으며, 오디오를 켤 경우 비용이 크게 상승한다고 설명한다. 실제 영상 필름 생성 비용은 약 250 크레딧 수준으로 언급된다.

04전략적 의미

발표자는 "최고 성능 모델일수록 비용이 비싸지는 시대에는 각 모델을 핏 크루(pit crew)처럼 역할 분담해야 한다"고 강조하며, Anthropic이 디자인 품질에서 시장 내 압도적 우위를 갖고 있다고 주장한다("Anthropic just has a stronger hold on the market"). 즉 디자인 시스템 자체는 Claude 계열로 구축한 뒤, 완성된 이후 다른 모델을 태그인해 반복 작업을 처리하는 전략이 비용 대비 최적이라는 것이다. 이는 개인·소규모 팀이 에이전시 수준의 웹사이트(수천~수만 달러 가치)를 초저비용으로 생산할 수 있게 됨을 의미하며, 결과물을 클라이언트에게 납품하거나 리셀하는 신규 수익 모델의 가능성을 시사한다. 다만 발표자는 이 시스템을 완성하기까지 시행착오 과정에서 상당한 Anthropic 크레딧을 낭비했다고 고백하며, 첫 프롬프트를 정확히 설계하는 것이 전체 비용에서 가장 중요한 변수라고 지적한다.

05핵심 워크플로우·방법론

06활용 시나리오

• D2C 브랜드 론칭 사이트: 과일 스무디 브랜드처럼 스크롤 시 과일이 떨어지고 블렌딩되어 하나의 제품 이미지로 합쳐지는 스토리텔링형 랜딩 페이지 제작.
• 럭셔리/뷰티 제품 상세페이지: 향수 브랜드 "Nocturne"처럼 병 제조 과정을 시각화한 시네마틱 스크롤 애니메이션으로 프리미엄 이미지 구축.
• 부동산·숙박 프로모션 사이트: "Alpine Glow"처럼 눈 내리는 산속 별장을 3D감 있는 스크롤 연출로 소개해 예약 전환 유도.
• 에이전시 대행 납품: 클라이언트나 타 에이전시에 $10,000대에 판매 가능한 수준의 웹사이트를 약 $10의 생성 비용으로 제작 후 마진을 확보하는 리셀 비즈니스.

07현황 및 전망

발표자는 해당 시스템 프롬프트 전체를 무료로 공개할 예정이라고 밝히며(설명란 링크 예고), Claude Code 마스터클래스와 연계해 웹사이트 호스팅·클라이언트 편집 권한 이전·팀 협업 등 "지루하지만 실제 수익화에 필요한" 후속 작업도 별도 영상에서 다룰 계획임을 시사한다. 현재 시점에서 이 시스템은 개인 제작자 수준에서도 에이전시급 결과물을 초저비용(건당 약 $10)으로 뽑아낼 수 있음을 실증했다는 점에서, 향후 디자인 에이전시의 저가 경쟁 심화 및 1인 크리에이터의 웹 제작 시장 진입 장벽 하락이 예상된다. 다만 시스템의 완성도는 다수의 시행착오와 크레딧 투자를 전제로 하므로, 초기 학습 비용(시간·크레딧)은 별도로 감안해야 한다.

08용어 사전