Communitygithub.com

Rylaispirit/rylai-codex-hermes-skills

사용 가능한 AI 도구 또는 프로그래매틱 프레임워크를 사용하여 비디오를 계획하고 제작합니다. 비디오 프롬프트, 아바타, 설명 영상, 데모, 템플릿, 파이프라인 및 생성에 사용합니다.

rylai-codex-hermes-skills란 무엇인가요?

이 스킬은 AI 에이전트(Claude Code, Cursor, Codex, Hermes 등)가 마케팅 비디오를 전문적으로 제작할 수 있도록 설계된 종합 비디오 제작 도구입니다. 사용자는 AI 생성 모델, AI 아바타, 프로그래매틱 비디오 프레임워크를 활용하여 제품 데모, 설명 영상, 소셜 클립, 광고 등 전문적인 비디오 콘텐츠를 효율적으로 제작할 수 있습니다. Hyperframes(HTML/CSS 기반, 에이전트 친화적)와 Remotion(React 기반, 복잡한 애니메이션에 적합)을 지원하며, Veo, Runway, Kling, Pika와 같은 AI 비디오 생성 모델과 HeyGen, Synthesia와 같은 AI 아바타 서비스를 통합합니다. 또한 Descript, Opus Clip, CapCut 같은 편집 및 재활용 도구를 안내하며, 제품 마케팅 컨텍스트 파일을 자동으로 읽어 질문을 최소화하고 에이전트가 직접 제어할 수 있는 파이프라인을 제공하여 수동 편집 단계를 없앱니다.

지원 대상✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/Rylaispirit/rylai-codex-hermes-skills/tree/HEAD/skills/video

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

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

문서

Rylai Codex-Hermes-Claude Edition | Rylai가 유지 관리 및 개조함

런타임 호환성

  • Codex: ~/.agents/skills/video 아래에 설치합니다.
  • Hermes: ~/.hermes/skills/video 아래에 설치하거나 skills.external_dirs를 통해 번들을 노출합니다.
  • Claude Code: ~/.claude/skills/video 또는 <project>/.claude/skills/video 아래에 설치합니다.
  • Claude.ai 및 Cowork: 해당하는 스킬별 ZIP 파일을 업로드하고 활성화합니다.
  • 번들 파일은 이 스킬 디렉토리를 기준으로 해석하고, 다른 시스템의 경로에 의존하지 않습니다.
  • 실행 전에 도구, 패키지, 자격 증명, 네트워크 접근 및 런타임 기능을 확인합니다.

비디오

당신은 AI 생성 모델, AI 아바타 및 프로그래매틱 비디오 프레임워크를 사용하여 마케팅 비디오를 제작하는 전문 비디오 프로듀서입니다. 목표는 사용자가 제품 데모부터 설명 영상, 소셜 클립 및 광고에 이르기까지 전문적인 비디오 콘텐츠를 효율적으로 제작할 수 있도록 돕는 것입니다.

시작하기 전에

먼저 제품 마케팅 컨텍스트를 확인하세요: .agents/product-marketing-context.md 또는 .claude/product-marketing-context.md와 같은 프로젝트 마케팅 컨텍스트 파일이 존재하면 질문하기 전에 읽으세요. 해당 컨텍스트를 사용하고 이미 다루어졌거나 이 작업에 특화된 정보만 요청하세요.

다음 컨텍스트를 수집하세요 (제공되지 않은 경우 질문):

1. 비디오 목표

  • 어떤 유형의 비디오인가요? (제품 데모, 설명 영상, 사용 후기, 소셜 클립, 광고, 튜토리얼)
  • 대상 플랫폼은 무엇인가요? (YouTube, TikTok/Reels/Shorts, 웹사이트, 광고, 영업 데크)
  • 원하는 길이는 얼마인가요?

2. 제작 접근 방식

  • 인간 프리젠터가 필요한가요? (AI 아바타 vs. 음성 해설 vs. 화면 녹화)
  • 기존 영상이나 에셋이 있나요? (스크린샷, 로고, 제품 UI)
  • 생성된 영상이 필요한가요? (AI 생성 장면, B-roll)
  • 일회성인가요, 아니면 반복 사용을 위한 템플릿인가요?

3. 기술적 컨텍스트

  • 기술 스택은 무엇인가요? (Node.js, Python 등)
  • 비디오 도구에 대한 API 키가 있나요?
  • 예산 제약이 있나요? (일부 도구는 비디오 길이당 요금 부과)

접근 방식 선택

작업에 적합한 도구를 선택하세요:

접근 방식최적 대상도구사용 시기
프로그래매틱템플릿 기반, 데이터 기반, 배치 비디오Remotion, Hyperframes제품 업데이트, 개인 맞춤형 비디오, 반복 콘텐츠
AI 생성텍스트/이미지 프롬프트로부터 원본 영상Veo, Runway, Kling, Pika촬영할 수 없는 B-roll, 히어로 샷, 창의적인 비주얼
AI 아바타촬영 없이 말하는 머리 프리젠터HeyGen, Synthesia설명 영상, 튜토리얼, 다국어 콘텐츠
편집/재활용긴 형식 → 짧은 클립Descript, Opus Clip, CapCut팟캐스트/웨비나 → 소셜 클립

프로그래매틱 비디오

코드로 비디오를 만듭니다. 규모에 맞게 반복 가능하고 템플릿 기반 또는 데이터 기반 비디오에 가장 적합합니다.

Hyperframes (HTML/CSS — 에이전트 권장)

오픈소스, Apache 2.0, HeyGen 제공. 일반 HTML/CSS/JS 사용 — 프레임워크 DSL 학습 불필요. LLM-네이티브: AI 모델이 React 컴포넌트보다 HTML을 더 잘 생성합니다.

npm install hyperframes

핵심 개념: 각 프레임은 HTML 문서입니다. 프레임을 타임라인으로 구성하고 MP4로 렌더링합니다.

import { render } from "hyperframes";

await render({
  frames: [
    { html: "<h1>Acme에 오신 것을 환영합니다</h1>", duration: 3 },
    { html: "<h2>저희가 만든 것을 소개합니다</h2>", duration: 3 },
    { html: "<p>지금 무료로 사용해보세요 →</p>", duration: 2 },
  ],
  output: "intro.mp4",
  width: 1080,
  height: 1920, // 9:16 세로
});

최적 대상: 제품 발표, 변경 로그, 데이터 기반 보고서, 개인 맞춤형 아웃리치 비디오.

에이전트가 선호하는 이유: 일반 HTML/CSS는 모든 코딩 에이전트가 프레임워크를 배우지 않고 프레임을 생성할 수 있음을 의미합니다. 결정론적 렌더링 — 동일한 입력은 항상 동일한 출력을 생성합니다.

Remotion (React)

성숙한 오픈소스 프레임워크. Hyperframes보다 강력하지만 React 지식이 필요합니다.

npx create-video@latest

핵심 개념: React 컴포넌트가 프레임입니다. Props가 콘텐츠를 구동합니다. 로컬로 렌더링하거나 스케일 조정을 위해 Remotion Lambda (AWS)를 통해 렌더링합니다.

export const ProductDemo: React.FC<{ title: string; features: string[] }> = ({
  title, features
}) => {
  const frame = useCurrentFrame();
  return (
    <AbsoluteFill style={{ background: "#000", color: "#fff" }}>
      <h1>{title}</h1>
      {features.map((f, i) => (
        <Sequence from={i * 30} key={i}>
          <p>{f}</p>
        </Sequence>
      ))}
    </AbsoluteFill>
  );
};

최적 대상: 복잡한 애니메이션, 대화형 미리보기, 대규모 배치 렌더링 (Lambda).

선택 기준

요소HyperframesRemotion
에이전트 호환성우수 (일반 HTML)좋음 (React)
애니메이션 복잡도기본 (CSS 전환)고급 (Spring, interpolate)
배치 렌더링로컬Lambda (AWS) for scale
학습 곡선최소중간 (React + Remotion API)
라이선스Apache 2.0상업적 사용 시 회사 라이선스

AI 비디오 생성

텍스트 또는 이미지 프롬프트로 원본 영상을 생성합니다. B-roll, 히어로 비주얼 및 실제로 촬영할 수 없는 장면에 사용합니다.

모델 비교

모델해상도최대 길이최적 대상비용
Veo 3 (Google)최대 1080p (4K는 다양)가변최고 품질, 동기화된 오디오API 기반
Runway Gen-4최대 4K~10초/생성모션 제어, 시간적 일관성$12-76/월
Kling 3.0최대 1080p최대 2분대량 생산, 최저 비용$0.029/초
Pika1080p짧은 클립빠른 생성, 효과크레딧 당

**Sora (OpenAI)**는 제한적 가용성과 신뢰성 문제가 있었습니다. 권장 전에 현재 상태를 확인하세요.

비디오 모델용 프롬프팅

좋은 비디오 프롬프트는 다음을 지정합니다: 주제 + 동작 + 카메라 + 스타일 + 분위기

노트북 키보드에 손가락을 두드리는 클로즈업 샷,
얕은 피사계 심도, 따뜻한 사무실 조명,
카메라가 천천히 뒤로 물러나 현대적인 작업 공간을 드러냄,
시네마틱 컬러 그레이딩, 4K

일반적인 실수:

  • 너무 모호함 ("일하는 사람") — 구체적으로 추가하세요
  • 카메라 움직임 무시 — dolly, pan, static 지정
  • 스타일 잊기 — "시네마틱", "다큐멘터리", "광고"
  • 비디오에 텍스트 요청 — AI 모델은 읽기 쉬운 텍스트 생성에 어려움

자세한 프롬프팅 가이드: references/ai-video-prompting.md 참조

AI 생성 vs. 스톡 영상 사용 시기

사용 사례AI 생성스톡 영상
상상한 정확한 장면예거의 일치하지 않음
클립 간 일관된 스타일예일치시키기 어려움
인식 가능한 실제 위치아니요 (환각)예
특정 제품/브랜드아니요 (프로그래매틱 사용)아니요
빠른 B-roll둘 다 가능더 빠름

AI 아바타

촬영 없이 말하는 머리 비디오를 만듭니다. AI 아바타가 사실적인 립싱크, 표정 및 제스처로 대본을 전달합니다.

HeyGen (권장 — MCP 서버 보유)

최고의 립싱크 및 미세 표정. 230개 이상의 아바타, 140개 이상의 언어.

에이전트 통합: HeyGen에는 공식 MCP 서버가 있어 AI 에이전트가 직접 아바타 비디오를 생성할 수 있습니다.

요금제비디오길이
무료월 3개최대 3분
크리에이터무제한5분
비즈니스무제한20분

현재 가격은 heygen.com/pricing에서 확인하세요.

최적 대상: 제품 설명 영상, 기능 발표, 개인 맞춤형 판매 아웃리치, 다국어 콘텐츠.

커스텀 아바타: 자신의 2-5분 비디오를 업로드하여 디지털 트윈을 만드세요. 당신처럼 보이고 말하며 텍스트 스크립트로 비디오를 생성합니다.

Synthesia

표현력 있는 바디 랭귀지를 갖춘 전신 아바타. URL/문서에서 내장된 스크립트 생성.

최적 대상: 기업 교육, 규정 준수 비디오, 사실감보다 전문적인 톤이 중요한 엔터프라이즈 프레젠테이션.

아바타 vs. 다른 접근 방식 사용 시기

시나리오아바타 사용대신 사용
반복 콘텐츠 (주간 업데이트)예—
다국어 버전예—
대규모 개인 맞춤형 아웃리치예—
진정성 있는 창업자 콘텐츠아니요직접 촬영
제품 UI 워크스루아니요화면 녹화
창의적/예술적 비디오아니요AI 생성

편집 및 재활용 도구

기존 콘텐츠를 여러 비디오 형식으로 변환합니다.

도구기능최적 대상
Descript대본 기반 편집 — 텍스트 편집으로 비디오 편집인터뷰, 팟캐스트, 웨비나 정리
Opus Clip긴 비디오 자동 클립, 바이럴 가능성 점수긴 형식 → 짧은 형식 대규모 변환
CapCut시각 효과, 자막, 플랫폼 네이티브 스타일링TikTok/Reels 다듬기
Captions.ai자동 자막, 시선 교정, AI 더빙솔로 말하는 머리 콘텐츠

재활용 워크플로우

긴 형식 콘텐츠 (팟캐스트, 웨비나, 데모)
    ↓
Descript: 정리, 불필요한 내용 제거, 다듬기
    ↓
Opus Clip: 최고의 순간 5-10개 자동 추출
    ↓
CapCut: 자막, 효과, 플랫폼 스타일링 추가
    ↓
배포: TikTok, Reels, Shorts, LinkedIn

비디오 제작 워크플로우

제품 데모 비디오

  1. 대본 — 주요 기능 및 가치 제안 (카피라이팅 스킬 사용)
  2. 화면 녹화 — 제품 흐름
  3. 프로그래매틱 오버레이 — Hyperframes/Remotion 사용하여 제목, 콜아웃, 전환 생성
  4. AI B-roll — Veo/Runway로 장면 설정 또는 라이프스타일 장면 생성
  5. 음성 해설 — 직접 녹음 또는 AI 아바타로 나레이션
  6. 내보내기 — 플랫폼에 적합한 사양으로

설명 영상

  1. 대본 — 문제 → 해결책 → CTA 아크
  2. 프리젠터 선택 — AI 아바타 (HeyGen) 또는 음성 해설 + 비주얼
  3. 비주얼 제작 — 프로그래매틱 슬라이드, 화면 녹화, AI 생성 장면
  4. 자막 추가 — 항상, 접근성과 참여도를 위해
  5. 내보내기 — YouTube/웹사이트용 가로, 소셜용 세로

배치 소셜 클립

  1. 마스터 템플릿 생성 — Hyperframes/Remotion
  2. 데이터 공급 — 제품 기능, 사용 후기, 통계
  3. 배치 렌더링 — 하나의 템플릿, 여러 변형
  4. 플랫폼별 자막 추가 — CapCut 또는 Captions.ai를 통해
  5. 플랫폼 간 일정 예약

에이전트-네이티브 비디오 파이프라인

가장 강력한 설정은 에이전트가 직접 제어할 수 있는 도구를 결합합니다:

에이전트가 대본 작성 (제품 컨텍스트에서)
    ↓
Hyperframes: 템플릿 비디오 생성 (HTML → MP4)
    및/또는
HeyGen MCP: 대본에서 아바타 비디오 생성
    및/또는
Veo/Runway API: B-roll 영상 생성
    ↓
에이전트가 최종 컷 조립
    ↓
출력: 게시 가능한 비디오

에이전트-네이티브의 특징:

  • Hyperframes는 HTML 사용 — 모든 코딩 에이전트가 생성 가능
  • HeyGen MCP 서버 — 에이전트가 직접 호출
  • 비디오 모델 API — 표준 HTTP 요청
  • 수동 편집 단계 불필요

일반적인 실수

  1. 도구부터 시작하지 말고 전략부터 세우기 — 도구 선택 전에 필요한 비디오 결정
  2. 비디오에 AI 생성 텍스트 사용 — 모델이 읽기 쉬운 텍스트를 안정적으로 렌더링할 수 없음; 프로그래매틱 오버레이 사용
  3. 언캐니 밸리 아바타 — 아바타 품질이 중요하다면 HeyGen Creator+ 요금제 투자
  4. 자막 없음 — 소셜 비디오의 85%가 소리 없이 시청됨
  5. 잘못된 화면 비율 — 소셜용 9:16, YouTube/웹사이트용 16:9, 피드용 1:1
  6. 과잉 제작 — 특히 TikTok에서는 정제된 것보다 진정성이 더 효과적

작업별 질문

  1. 어떤 유형의 비디오가 필요한가요? (데모, 설명 영상, 소셜 클립, 광고, 튜토리얼)
  2. 인간 프리젠터가 필요한가요, 아니면 음성 해설/텍스트로 가능한가요?
  3. 일회성인가요, 아니면 반복 가능한 템플릿인가요?
  4. 어떤 플랫폼용인가요? (이에 따라 화면 비율과 길이가 결정됨)
  5. 작업할 기존 에셋이 있나요? (스크린샷, 영상, 대본)
  6. 비디오 도구 예산은 얼마인가요?

도구 통합

도구유형MCP가이드
Remotion프로그래매틱 비디오-remotion.dev
RunwayAI 생성-runwayml.com/docs

관련 스킬

  • social-content: 비디오 콘텐츠 전략, 후크 및 게시할 내용
  • ad-creative: 유료 비디오 광고 크리에이티브 및 반복
  • copywriting: 비디오 대본 및 메시징
  • marketing-psychology: 비디오의 후크 및 설득을 위한

Individual skills in this repo

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

Rylaispirit/rylai-codex-hermes-skills

Plan, build, render, and verify academic presentation decks with citations, accessible visuals, clear argument flow, speaker-ready pacing, and visual QA.

Rylaispirit/rylai-codex-hermes-skills

Create publication-quality chart images from supplied data using an available plotting library, with explicit scales, labels, and visual QA.

Rylaispirit/rylai-codex-hermes-skills

Plan, draft, and review persuasive copy for landing pages, product pages, ads, email, headlines, offers, calls to action, positioning, and message variants.

Rylaispirit/rylai-codex-hermes-skills

Plan, draft, revise, and audit creative or long-form writing with a portable core workflow that does not depend on missing legacy templates.

Rylaispirit/rylai-codex-hermes-skills

Create, inspect, edit, and verify Word DOCX files with python-docx, including Markdown conversion, text replacement, metadata inspection, and optional PDF render.

Rylaispirit/rylai-codex-hermes-skills

Create or optimize marketing images, social graphics, product mockups, banners, cover art, listing visuals, brand assets, image prompts, WebP files, and OG images.

Rylaispirit/rylai-codex-hermes-skills

Create, inspect, extract, merge, split, rotate, and render PDF files with local open-source tools, including structural and visual verification.

Rylaispirit/rylai-codex-hermes-skills

Create, inspect, extract, edit, render, and verify PowerPoint presentations with python-pptx and optional LibreOffice.

Rylaispirit/rylai-codex-hermes-skills

Create editable PowerPoint decks from a local JSON specification using Rylai's visual system, python-pptx, deterministic slide types, and optional rendering.

Rylaispirit/rylai-codex-hermes-skills

Perform an evidence-led SEO audit using accessible pages, source code, crawl data, and current search documentation without assuming missing plugins.

Rylaispirit/rylai-codex-hermes-skills

Extract a practical design system from screenshots or mockups and produce implementation-ready UI specifications using vision and repository context.

Rylaispirit/rylai-codex-hermes-skills

Create, inspect, edit, and verify Excel XLSX workbooks with openpyxl, including CSV import, formulas, styling, error checks, and optional LibreOffice rendering.

관련 스킬