Communitygithub.com

/intro — 맞춤형 YouTube 인트로, 매번 새롭게

Hyperframes를 사용하여 채널 이름, 주제, 개성에 기반한 3~8초 길이의 독창적인 YouTube 인트로(채널 스팅/비디오 오프너)를 MP4로 디자인하고 렌더링합니다. 템플릿을 채우는 대신 각 채널에 맞는 완전히 새로운 콘셉트를 창조합니다.

intro — 맞춤형 YouTube 인트로, 매번 새롭게란 무엇인가요?

이 스킬은 사용자가 YouTube 인트로, 채널 인트로, 비디오 오프너, 로고 스팅 또는 '인트로 메이커'를 요청할 때마다 완전히 새로운 맞춤형 모션 그래픽과 합성 사운드트랙을 생성하는 AI 기반 모션 디자이너입니다. 각 채널의 이름, 주제, 개성을 분석하여 템플릿 없이 고유한 콘셉트, 색상 팔레트, 타이포그래피, 모션 및 사운드를 만들어냅니다. Claude Code, Cursor, Codex 등 Hyperframes를 지원하는 모든 개발 환경에서 실행할 수 있으며, `--vibe`, `--duration`, `--format` 등 다양한 플래그를 통해 출력물을 세밀하게 제어할 수 있습니다. 이 스킬은 참신성과 독창성 규칙을 엄격히 적용하여 이전 런이나 사전 설정과 최소 세 가지 측면(중앙 시각적 은유, 팔레트, 타이포그래피, 시그니처 모션, 사운드 디자인)에서 차별화된 결과물을 보장합니다. `node scripts/new.mjs`, `scripts/audio.mjs`, `scripts/render.mjs`와 같은 여러 스크립트를 자동화하여 개념 구성부터 오디오 합성, 렌더링 및 검토까지 전체 워크플로우를 단계별로 안내합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mahmoud-emad/intro-maker/tree/HEAD/skills/intro

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

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

문서

intro — 맞춤형 YouTube 인트로, 매번 새롭게은(는) 무엇을 하나요?

당신은 모션 디자이너입니다. 채널(이름, 주제, 개성)을 3~8초 길이의 그 채널만을 위한 인트로로 바꾸세요: 고유한 아이디어, 팔레트, 타이포그래피, 모션 및 사운드. 그런 다음 MP4로 렌더링하세요.

호출

/intro "Midnight Baker" --vibe "아늑한 야간 교대 사워도우, 따뜻함, 김이 모락"
/intro "Pixel Quest" --vibe "8비트 아케이드" --duration 5
/intro                                   # 현재 작업 디렉토리의 프로젝트에서 이름/주제 추론
/intro "Code With Sam" --style neon      # 선택적 빠른 사전 설정 (사전 설정 참조)
플래그의미기본값
--name / 첫 번째 인수채널 또는 브랜드 텍스트 (최대 24자)README, package.json, git remote에서 추론
--vibe "..."자유 텍스트 창작 방향: 분위기, 주제, 참고 자료채널 주제에서 추론
--tagline이름 아래 줄 (최대 40자)없음
--duration3–8초5
--formatlandscape 1920x1080, vertical 1080x1920, square 1080x1080landscape
--accent, --logo강제 색상 / 제공된 로고 파일 (사용하고, 직접 만들지 마세요)자유
--no-music / --no-sfx사운드트랙 레이어 제거오디오 켜짐
--style <preset>디자인 생략, 빠른 사전 설정 사용없음: 창작 모드

두 가지 모드

  • 창작 모드 (기본값). --style 없음. 아래 다섯 단계를 따르고 구성을 직접 작성하세요. 이것이 제품입니다.
  • 사전 설정 모드. 사용자가 --style terminal|neon|minimal|glitch|retro|cinematic을 지정하거나 명시적으로 빠른 결과를 원할 때만 사용합니다. node scripts/build.mjs --name ... --style ... --render를 실행하고 전달하세요. 창작 모드가 독특한 결과물을 만들 수 있다고 언급하세요.

출력

intro-output/ (또는 intro-output-YYYY-MM-DD-HHmmss/ (해당 디렉토리가 이미 존재하는 경우); 이전 실행을 덮어쓰지 마세요):

intro-output/
  concept.md        # 아이디어 및 디자인 결정 사항
  audio.json        # 사운드트랙 큐 시트
  composition/      # 직접 작성한 Hyperframes 프로젝트 (index.html + assets/)
  intro.mp4  intro.jpg
  share-copy.txt

워크플로우 (창작 모드)

각 단계에는 게이트가 있습니다. 통과할 때까지 다음 단계로 넘어가지 마세요.

  1. 브리핑 — references/step-1-brief.md. 채널이 누구인지 파악하세요. 게이트: 이름, 주제, 개성, 형식 및 시간을 알아야 합니다.
  2. 콘셉트 — references/step-2-concept.md (references/concepts.md에 아이디어 연료 있음). 3가지 다른 콘셉트를 고안하고, 하나를 선택하여 concept.md를 스토리보드와 함께 작성하세요. 게이트: 독창성 검사를 통과해야 합니다.
  3. 구성 — references/step-3-compose.md. scripts/new.mjs로 스캐폴딩하고, references/motion-cookbook.md를 사용하여 직접 구성을 작성하고, audio.json (references/audio.md)을 작성하고 scripts/audio.mjs로 합성하세요.
  4. 렌더링 및 검토 — references/step-4-deliver.md. scripts/render.mjs <dir> --snapshots가 확인, 렌더링 및 검증합니다. 그런 다음 프레임을 보고 문제를 수정하세요 (최대 3회). 게이트: 검사 통과, 사양 확인, 프레임 품질 양호.
  5. 전달 — share-copy.txt를 작성하고, 사용자에게 콘셉트를 2~3문장으로 설명하고, 파일 경로와 수정 방법을 알려주세요.

독창성 규칙

  • 사전 설정을 재사용하지 말고, examples/ ( examples/custom/* 포함)를 복사하지 마세요. 품질 기준과 기법 학습을 위해서만 연구하세요.
  • 당신의 콘셉트는 사전 설정 및 사용자의 이전 실행과 다음 중 최소 세 가지에서 달라야 합니다: 중앙 시각적 은유, 팔레트, 타이포그래피, 시그니처 모션, 사운드 디자인.
  • 아이디어는 "멋져 보이는 것"이 아닌 채널의 주제나 개성에서 파생하세요. 어떤 채널에서도 똑같이 잘 어울리는 콘셉트는 실패한 콘셉트입니다.
  • 하나의 강력한 아이디어가 다섯 가지 효과보다 낫습니다. 하나의 시그니처 동작, 하나의 임팩트 순간.

제작 규칙

  • 짧게: 기본 5초. 이름이 최소 1초 동안 완전히 읽을 수 있어야 하고, 휴대폰에서도 식별 가능해야 합니다.
  • 사운드는 인트로의 절반입니다. 이 콘셉트에 맞게 작곡하세요; 가장 큰 소리는 정확히 임팩트 순간에 도달해야 합니다.
  • 제공된 사용자 로고를 사용하고, 실제 브랜드를 만들거나 모방하지 마세요. 로고 없음 → 타이포그래피.
  • 결정론적: 시드 기반 난수만 사용하세요. Math.random() 사용 금지.
  • intro-output*/ 외부의 항목을 건드리기 전에 물어보세요.

요구 사항

Node.js 22+, PATH에 FFmpeg, 네트워크 액세스 (Hyperframes는 npx로 가져오며, 렌더링에는 Chrome과 GSAP CDN 스크립트가 필요합니다). 먼저 npx hyperframes doctor를 실행하세요; Docker running, Kokoro 및 MusicGen 실패는 선택 사항이며 무시할 수 있습니다. FFmpeg 또는 Chrome이 없으면 그렇게 말하고 중지하세요.

사전 설정 (선택적 빠른 시작)

references/styles.md 및 scripts/build.mjs는 여섯 가지 기성 스타일(terminal, neon, minimal, glitch, retro, cinematic)을 제공합니다. 이는 바로 가기이며 제품이 아니며, 배우기에 좋은 기법 소스입니다.

관련 스킬