Community코딩 & 개발github.com

reels-maker: 세 가지 룩, 나란히, 절대 같은 세 개는 없다

릴이나 필름을 제작하기 전에 세 가지 완전히 다른 룩을 동일한 오프닝 프레임의 스틸 이미지로 보여줍니다. 콘텐츠가 아닌 룩을 평가하도록 하여, 한 번 보여준 룩은 다시 요청하지 않는 한 다시 나오지 않게 기록을 유지하고, 시리즈의 경우 의도적으로 하나의 룩을 고정합니다. 릴 인테이크의 브리프가 서명된 후, 테스트 스트립 전에 사용하며, 누군가 "어떻게 보여야 하지?", "옵션을 줘", "저번과 다르게 보이게 해줘", "싸구려 같아"라고 말하거나, 새 릴이나 새 시리즈를 시작할 때 사용합니다.

reels-maker: 세 가지 룩, 나란히, 절대 같은 세 개는 없다란 무엇인가요?

이 스킬은 동일한 첫 프레임과 동일한 텍스트를 사용하여 세 가지 다른 룩을 스틸 이미지로 나란히 보여주는 AI 에이전트 작업 흐름입니다. 주요 목표는 에이전트의 기본 설정이나 이전에 승인된 룩에 고정되는 것을 방지하고, 시청자가 내용이 아닌 시각적 스타일에 집중하도록 하는 것입니다. 이 스킬은 Claude Code, Cursor, Codex, Cline, Windsurf 등 다양한 AI 에이전트 플랫폼에서 작동하도록 설계되었습니다. `reels-maker` 폴더에서 실행되며, 서명된 브리프, 룩 로그, 브랜드 정보를 읽는 것으로 시작합니다. 그런 다음 다섯 가지 다양한 개념을 스케치하고 세 가지 가장 차별화된 룩을 선택하여 HTML 스틸 이미지를 빌드하고, 도구를 사용하여 렌더링 및 검증한 후 최종 선택을 룩 로그에 기록합니다. 시리즈 모드에서는 첫 번째 룩을 고정하고, 여정 스토리에는 복셀 워크를 포함할 수 있습니다. 이 스킬은 편견 없는 룩 선택, 빠른 반복, 시각적 스타일에 대한 명확한 의사 결정을 가능하게 합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thativanng/reels-maker/tree/HEAD/skills/reel-style

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

reel-style: 세 가지 룩, 나란히, 절대 같은 세 개는 없다

키트가 있는 곳: 이 스킬의 모든 명령은 reels-maker 폴더(github.com/thativanng/reels-maker 클론으로, template/ 및 tools/를 포함)에서 실행하세요. 프로젝트에 이 폴더가 없으면 먼저 해당 리포지토리의 SETUP.md를 따라 설정하세요.

이것이 존재하는 이유: "X에 대한 릴을 만들어"라고 요청받은 에이전트는 매번 같은 룩으로 흘러갑니다. 즉, 자신의 기본 설정이나 더 나쁘게는 마지막으로 승인된 룩으로 흘러갑니다. 그리고 처음에 보여주지 않은 룩은 완성된 필름에서 처음 보게 되는 룩이며, "싸구려 같아"라는 말은 처음부터 다시 시작해야 함을 의미합니다. 세 개의 스틸 이미지는 몇 분이면 되지만, 잘못된 룩 하나는 필름 전체를 망칩니다.

1 · 스케치 전에 읽을 것

  • 서명된 브리프: 플랫폼, 비율, 한 명의 시청자, 메시지, 브랜드, 그리고 그 사람의 "나에게 싸구려로 보이는 것"에 대한 답변(엄격한 제약 조건).
  • 룩 로그, 그 사람의 프로젝트에 있는 .reels/looks-log.md (형식은 references/looks-log.md 참조). 없으면 생성하세요.
  • 브랜드. 브랜드가 있는 경우, 세 가지 룩은 브랜드의 색상과 글꼴을 공유하지만 매체, 레이아웃, 질감, 움직임과 같은 뼈대가 다릅니다. 브랜드가 없으면 모든 것이 다릅니다.

2 · 다섯 개 스케치, 세 개 유지

먼저 각각 다른 출발점에서 다섯 가지 한 줄짜리 개념을 작성하세요:

  1. 주제 자체의 세계 (공급망 주제라면 창고 상자)
  2. 시청자가 느껴야 할 감정
  3. 청중: 기대에 부응하거나 의도적으로 깨기
  4. 이 주제에 대한 다른 모든 비디오의 룩을 뒤집은 것
  5. 특이한 형식 (영수증, 카운트다운, 편지, 하나의 거대한 단어)

가장 차별화된 세 가지를 유지하세요. 각 룩은 references/axes.md의 6가지 특성 중 최소 3개에서 다른 두 룩과 달라야 하며, 항상 매체나 레이아웃에서 달라야 합니다. 최소 하나는 주제의 일반적인 룩을 깨야 합니다. 동일한 레이아웃 모양을 가진 두 개의 룩은 하나로 간주됩니다. 브리프가 레이아웃을 지정하는 경우(릴 인테이크 F4), 세 룩 모두 그 레이아웃을 유지하고 매체와 최소 두 가지 다른 특성에서 달라집니다.

그런 다음 각각을 두 목록과 대조하여 확인하세요:

  • 피해야 할 기본 룩 (references/axes.md). 키트 자체의 template/starter.html은 그중 하나입니다. 그것은 뼈대일 뿐, 절대 룩이 아닙니다.
  • 룩 로그. 매체, 레이아웃 및 팔레트가 로그의 어떤 룩과도 모두 일치하는 룩을 다시 보여주지 마세요. 단, 그 사람이 요청한 경우는 예외입니다. 거부된 룩은 제약 조건입니다. 그 사람이 선택한 룩은 그들이 다시 요청할 때만 ("지난번과 동일하게") 다시 나타나며, 그때도 세 개의 새 룩 옆에 네 번째 옵션으로 나타납니다.

3 · 세 개의 스틸 이미지 제작

  • template/starter.html을 릴 폴더(reels/<name>/look-a.html, look-b.html, look-c.html)에 룩당 한 번씩 복사하고, 그 옆에 릴의 reel.json을 두세요. 3D 룩의 경우 template/film.html도 같은 방식으로 복사하세요. 글꼴과 formats.json은 키트의 루트에서 로드되므로 복사본이 바로 작동합니다. 룩만 변경하세요: CSS 토큰, 레이아웃, 배경, 타입. 모든 스틸 이미지는 동일한 오프닝 비트와 동일한 단어를 사용합니다.
  • 브리프의 형식으로 룩당 하나의 스틸 이미지를 렌더링한 다음, 이름과 함께 나란히 배치하세요:
    node tools/stills.mjs --page reels/<name>/look-a.html --format 9:16 --out reels/<name>/out/looks/a 1.5
    node tools/stills.mjs --page reels/<name>/look-b.html --format 9:16 --out reels/<name>/out/looks/b 1.5
    node tools/stills.mjs --page reels/<name>/look-c.html --format 9:16 --out reels/<name>/out/looks/c 1.5
    python3 tools/sheet.py reels/<name>/out/looks/sheet.jpg 3 360 --labels "A · 원장,B · 독,C · 영수증" reels/<name>/out/looks/a/t001.50.jpg reels/<name>/out/looks/b/t001.50.jpg reels/<name>/out/looks/c/t001.50.jpg
    
  • 프로브로 모든 스틸 이미지를 확인하세요: 단어가 안전 영역 안에 있는지 확인합니다(node tools/probe.mjs --page reels/<name>/look-a.html --format 9:16 "1.5" "sel:.title,.line,.kicker,.cap" "safe" → inside: true; 프로브는 문자 자체를 측정하므로 프레임을 벗어난 단어는 실패합니다).
  • 시트에 이름과 룩당 한 줄씩 표시하세요. 예를 들어 A · 원장: 타이프 중심, 밝은 종이, 차분함. 스틸 이미지는 보여줄 수 없으므로 모션 에너지에 대한 한 줄을 추가하세요. 그 사람이 살펴보기 전에 하나를 추천하지 마세요. 추천은 먼저 그들을 고정시킵니다.

4 · 선택 및 로그

  • 그 사람이 하나를 선택하거나 혼합합니다("A의 레이아웃, C의 팔레트"). 혼합은 새로운 룩입니다. 제작하기 전에 스틸 이미지로 보여주세요.
  • 모든 것을 로그에 기록하세요: 보여준 모든 룩 (여섯 가지 특성과 스틸 이미지), 선택된 것, 거부된 것, 그리고 그 사람의 평가를 그들의 말로 기록합니다.
  • 그런 다음 film-engine이 선택된 룩으로 10초 테스트 스트립을 제작하여, 전체 제작 전에 승인을 받습니다. 선택된 룩의 스틸 이미지는 커버의 첫 번째 초안이기도 합니다.

시리즈 모드

브리프가 "시리즈"라고 명시하면, 첫 번째 에피소드의 선택이 로그에 시리즈 룩으로 고정됩니다. 이후 에피소드는 세 개의 스틸 이미지를 건너뛰고 룩을 유지합니다. 다양성은 주제, 오프닝 이미지, 비트 순서 등 내부에서 움직입니다. 시리즈 중간에 새로운 룩을 원하면 그것은 새로운 시리즈입니다.

스토리가 여정인 경우

복셀 워크(voxel-walk 스킬)는 브리프가 여정(경력, 또는 처음부터 끝까지의 과정)인 경우에만 세 가지 룩 중 하나가 될 수 있습니다. 절대 기본값이 아니며, 동일한 규칙이 적용됩니다. 다른 두 룩과 달라야 하며, 로그가 적용됩니다.

정직한 한계

  • 복셀 워크만이 처음부터 끝까지 구축되고 확인되었습니다. 다른 모든 룩은 브리프에서 새롭게 구축됩니다. 새로운 룩의 첫 번째 필름은 시간이 더 오래 걸리며 전체 필름 감사를 받습니다.
  • 스틸 이미지는 색상, 타이포그래피 및 레이아웃을 보여줍니다. 속도는 보여주지 않습니다. 10초 스트립이 움직임을 평가하는 곳입니다.

크레딧

"다섯 가지를 다른 경로에서 스케치하고, 이상치를 유지하며, 동일한 레이아웃은 하나로 간주" 규칙은 HyperFrames의 피치 라운드(heygen-com/hyperframes, Apache-2.0)에서 가져왔습니다. 기본 룩의 이름을 지정하고 시도한 것에 대한 메모를 유지하는 아이디어는 Anthropic의 프론트엔드 디자인 스킬(의역)에서 비롯되었습니다. 동일한 장면, 다른 룩, 나란히 배치는 스타일 프레임에 대한 일반적인 모션 스튜디오 관행입니다.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

thativanng/reels-maker

The gates every code-rendered film passes before anyone sees it. A 40 fps collision pass (no mover touches a solid or another mover), pixel probes (nothing sits over or behind a face, a head, a subtitle or the frame edge), then an independent auditor (a fresh agent) who reads frame sheets at ≥2 fps and signs off. The builder never signs off their own film. Use it before sending ANY render, after every fix round, and whenever someone says "check the film", "audit this", "is it ready", or "why does this frame look wrong".

thativanng/reels-maker

Build and render a film, reel or animation as code. One HTML page draws any frame on demand with window.seek(t), and a headless browser renders every frame at 2x into an MP4 with sound. Use it whenever someone wants a video made with code rather than a video generator, says "make a film / reel / animated explainer / career video", "render this to MP4", "turn this page into a video", or needs the finishing steps (audio cues, loudness, colour-safe encode, phone preview). It is style-agnostic and renders 9:16, 4:5, 1:1 or 16:9. It runs after reel-intake (the brief) and reel-style (the look), builds on template/starter.html or a style pack such as voxel-walk, and passes film-audit before anything is shown to anyone.

thativanng/reels-maker

The interview before any video is built. It reads what the person already gave (source text, CV, links, brand files), then asks the rest in a few short rounds of numbered questions with a recommended answer marked, always including the format (platform, reel or video, ratio, layout, length, sound). It ends in a one-screen brief that splits "you said" from "I assumed", plus a storyboard, and builds nothing until the person says yes. Use it whenever someone asks for a reel, a video, an explainer, a career film, an animation or a "make a video about X", before film-engine or any style pack, and again when a request changes its purpose, platform or audience mid-way.

thativanng/reels-maker

The voxel career-film style. A blocky 3D version of the person walks, without ever vanishing, through one scene per role. Their outfit changes as they walk, each scene rises out of the floor ahead of them, and a dark banner tracks year, company and role. Use it when someone wants their career, a journey or a "how I got here" told as a short 3D film for LinkedIn or a portfolio, says "make my career film", "turn my CV into a video", "voxel film", or wants a new chapter added to an existing one. It runs on film-engine (render, audio, finish) and must pass film-audit before anything is sent.

관련 스킬