Creator Style Kit은(는) 무엇을 하나요?
키트는 이 스킬의 폴더에 있습니다: KIT=/Volumes/ORICO/Opus/creator-style-kit (ORICO 드라이브 — 경로가 없으면 사용자에게 마운트를 요청하세요). 이는 HyperFrames 위에 구축된 디자인 시스템입니다: /hyperframes 워크플로우는 여전히 프로젝트 설정, 나레이션 및 렌더링을 담당합니다; 이 스킬은 각 장면이 어떻게 보이고, 움직이고, 소리낼지를 결정합니다.
워크플로우
- 스타일 선택 (사용자가 이름을 지정한 경우 건너뜁니다).
python3 $KIT/scripts/list_styles.py명령어는 라이브 카탈로그(id · name · best_for · essence)를 출력합니다.- 아래 표를 사용하세요; 훅/코드 세그먼트에 대해 하나의 메인 스타일 + 최대 하나의 악센트 스타일을 각각 한 줄의 이유와 함께 추천하세요.
- 미리보기를 제공하세요:
/Volumes/ORICO/Opus/风格样张_18套_一览.jpg(스틸) 및风格样张_18套.mp4(모션 + 사운드).
- 제작 전 브리핑 읽기:
python3 $KIT/scripts/list_styles.py <id>.not:줄은 하드 규칙입니다(악센트 하나, 광택 없음 등) — 고급감은 이를 따름으로써 얻어집니다. - 장면 제작. 표준 비트 (챕터 카드 / 헤드라인 + 목록 / 큰 숫자) → beats 파일을 작성하고 다음을 실행하세요
python3 $KIT/scripts/scaffold.py <id> <project> --content beats.json [--init](--init은 새 프로젝트에만 사용; 그렇지 않으면 출력된 호스트<div>를 index.html에 붙여넣으세요). 사용자 정의 장면 → REFERENCE.md의 마크업 계약 및kit.*API를 따르세요. 비트 길이는 스타일의 페이싱에서 비롯됩니다(REFERENCE.md "Pacing" 참조);"dur"는 비트를 나레이션에 맞게 늘리기 위해서만 전달하세요 — 줄이기 위해 사용하지 마세요. - 모든 텍스트가 최종 확정된 후 폰트 서브셋 재설정:
python3 $KIT/scripts/build_style.py <id> <project>(사용된 스타일당 한 번). 폰트는 빌드 시 프로젝트의 .html에 존재하는 글리프만 포함합니다 — 오래된 빌드는 토푸/대체 글리프를 보여줍니다. - 화면 확인:
npx hyperframes check후npx hyperframes snapshot --at …을 각 비트의 "보류까지" 시간(생성된 스크립트 주석에 표시됨)에 실행하세요 — 모든 것이 그 시점에 안정화되어야 합니다(강조 표시 보임, 넘침 없음, 악센트가 한 번 사용됨). - 렌더링 후 사운드 패스:
python3 $KIT/scripts/sound_pass.py <project> renders/<x>.mp4 [--voice vo.wav] [--music bed.wav]. 큐나 사운드를 변경하여 모든 FAIL을 수정하세요(최대 2라운드),audio/qa.png를 확인하고out/final.mp4+LISTEN.md를 전달하세요. 체크 결과를 보고하세요; 사운드가 좋다고 말하지 마세요 — 사용자가 듣습니다.
어떤 스타일
| 장면 | 메인 | 대안 |
|---|---|---|
| 벤치마크 결과, 점수 공개 | data-journal 数据新闻 | benchmark-hud 评测仪表 |
| 모델 A vs B, 버전 업그레이드 | data-journal | instrument-panel 仪器面板 |
| 사양: 가격/속도/컨텍스트 | instrument-panel | swiss-grid 瑞士网格 |
| 런칭 오프너, 타이틀 카드 | frosted-aurora 弥散玻璃 | dark-keynote 暗场发布会, particle-field 粒子星云 |
| 논문/기술 보고서 설명 | paper-figure 论文图表 | manim-morph 数学动画 |
| 작동 방식(어텐션, 추론) | manim-morph | particle-field |
| 아키텍처, 에이전트 워크플로우 | blueprint 蓝图线稿 | isometric-stack 等轴架构 |
| 레이어(기술 스택, 컨텍스트 구성) | isometric-stack | blueprint |
| 개념 프레임워크, "3가지 요소" | bauhaus-geometry 包豪斯构成 | swiss-grid |
| Claude/Opus 주제, 의견 글 | clay-serif 暖陶书卷 | editorial-paper 报刊纸感 |
| 화면 녹화, 프롬프트, 코드 | dev-console 终端控制台 | instrument-panel |
| 초보자 튜토리얼, 친근한 톤 | warm-notebook 暖调手账 | clay-serif |
| 역사/문화/축제 특집 | ink-wash 水墨留白 | editorial-paper |
| 첫 3초 훅, 챕터 스팅 | poster-kinetic 海报撞色 | bauhaus-geometry |
일반적인 페어링: data-journal의 평가 동영상, frosted-aurora로 오프닝, 코드 세그먼트는 dev-console로 전환. 전체 동영상에 poster-kinetic이나 benchmark-hud를 사용하지 마세요(빨리 지루해집니다; HUD 룩은 AI 동영상에서 흔합니다).
항상 적용되는 규칙
- 벤치마크 숫자를 임의로 만들지 마세요. 사용자가 제공하거나 인용할 수 있는 수치를 사용하세요; 인용문은 beats 파일의
source(data-journal 푸터) 또는caption(paper-figure)에 넣으세요. 예시 수치는 화면에 示例数据라고 표시해야 합니다. - 로고나 브랜드 마크를 넣지 마세요.
clay-serif는 Anthropic의 공개 팔레트만 차용합니다. - 비트당 하나의
<em>: 단일 강조 단어를 표시하며 강조 효과를 구동합니다. - 사운드는 드물게 유지하세요: 각 스타일의
sound.rules(maxPerSecond, silentShare)가 밀도를 제한하며, compose.py에 의해 적용됩니다. 큐를 수동으로 추가하지 마세요; 목록당 하나의 사운드, 잠금 해제 시 공개. - 속도를 위해 읽지 말고 읽기 위해 속도를 맞추세요: 한 번에 하나의 것만 움직이며, 주요 수치는 ≥ 2초 유지됩니다. 동영상이 느리게 느껴지면 콘텐츠를 줄이세요 — 보류 시간을 단축하지 마세요.
- 모든 레이아웃은 1080×1920(9:16)입니다. 16:9 동영상은 새 레이아웃이 필요합니다 — 늘리는 대신 그렇게 말하세요.
확장
스타일을 추가하거나, 팔레트를 변경하거나, 레이아웃을 수정하려면 REFERENCE.md의 "스타일 추가"를 참조하세요. 그런 다음 python3 $KIT/scripts/lookbook.py $KIT/lookbook으로 미리보기를 다시 생성하고 렌더링하세요.