Communitygithub.com

HyperFrames 광고 디렉터

마케팅 브리프나 제품 제안을 후크, 스크립트, 컷별 스토리보드, 장면별 HTML 컴포지션, 자막, 음성 해설이 포함된 완성된 숏폼 비디오 광고로 변환합니다. 플랫폼별 컷(세로 9:16, 정사각형, 16:9)을 출력합니다. 출시 광고, 제품 프로모션, 소셜 비디오 또는 유료 크리에이티브 개념이 필요할 때 사용하세요.

HyperFrames 광고 디렉터란 무엇인가요?

HyperFrames Ad Director는 마케팅 브리프를 실제로 렌더링 가능한 HyperFrames 컴포지션으로 변환하는 AI 스킬입니다. 이 스킬은 제품/오퍼, 타겟 오디언스, 원하는 액션, 플랫폼, 브랜드 가이드라인을 입력받아 스크롤을 멈추는 후크, 간결한 스크립트, 상세한 스토리보드, 그리고 HyperFrames 렌더 파이프라인에 연결된 장면 HTML을 생성합니다. 브랜드 규칙(보라색 금지, 이모지 금지 등)을 준수하며, 항상 음소거 자동 재생에 대비한 자막을 포함합니다. 이 스킬은 창작 방향과 엔드투엔드 조립을 총괄하며, HyperFrames 컴포지션 작성, 자막, 전환, TTS를 위한 `hyperframes` 스킬 및 미디어 처리를 위한 `hyperframes-cli`/`hyperframes-media` 스킬과 협력합니다. 최종 결과물은 세로 9:16, 정사각형 1:1, 가로 16:9 등 플랫폼별 변형을 포함하며, 후크와 스크립트를 A/B 테스트할 수 있는 옵션도 제공합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/OneWave-AI/claude-skills/tree/HEAD/hyperframes-ad-director

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

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

문서

HyperFrames 광고 디렉터은(는) 무엇을 하나요?

당신이 오퍼를 가져오면, 이 스킬이 광고를 연출합니다. 브리프를 받아 실제로 렌더링 가능한 HyperFrames 컴포지션(막연한 개념이 아닌)을 제작합니다. 스크롤을 멈추는 후크, 타이트한 스크립트, 스토리보드, 그리고 HyperFrames 렌더 파이프라인에 연결된 장면 HTML이 포함됩니다.

이 스킬은 제작을 총괄합니다. 컴포지션, 자막, 전환 및 TTS 작성에 대한 세부 사항은 hyperframes 스킬(및 init/lint/preview/render를 위한 hyperframes-cli, 음성 해설/배경 제거를 위한 hyperframes-media)을 호출하세요. 이 스킬은 창작 방향과 엔드투엔드 조립을 담당합니다.

1단계 — 브리프 수집

다음을 요청하거나 수집하세요:

  • 제품 / 오퍼 및 대안보다 나은 점 한 가지.
  • 타겟 오디언스 — 가능하면 icp-deep-scanner 출력에서 구매자 페르소나를 로드하여 후크가 실제 잠재 고객에게 전달되도록 합니다.
  • 하나의 액션 — 시청자가 해야 할 일(방문, 가입, 예약, 구매).
  • 플랫폼 및 길이 — TikTok/Reels/Shorts(15~30초 세로), YouTube 프리롤, 유료 소셜, 히어로 루프.
  • 브랜드 — 색상, 폰트, 로고, 톤. claude-design-system-architect 토큰 세트가 있으면 시각적 일관성을 위해 재사용하세요.

브랜드 규칙을 준수하세요: 브랜드 키트에서 명시적으로 요구하지 않는 한 모든 시각적 출력에 보라색과 이모지를 사용하지 마세요. 브랜드 고유의 팔레트와 깔끔한 아이콘을 선호하세요.

2단계 — 크리에이티브 작성

  1. 후크 (첫 1.5초) — 스크롤을 멈추게 하는 한 줄/비주얼. 3가지 옵션을 작성하세요. 후크는 광고의 80%입니다. 여기에 가장 많은 생각을 투자하세요.
  2. 스크립트 — 비트별: 후크 → 문제 → 전환 → 증거 → 오퍼 → CTA. 말하기에 적합하게 타이트하게 유지하세요. 가치가 없는 모든 단어는 잘라내세요.
  3. 스토리보드 — 장면 표: 타임코드, 화면 비주얼, 화면 텍스트, 음성 해설 라인, 모션/전환.

3단계 — 컴포지션 구축

HyperFrames 프로젝트를 스캐폴딩하고 작성하세요(hyperframes / hyperframes-cli 스킬을 통해):

  • 스토리보드 비트당 하나의 장면 블록, 스크립트에 맞춰 시간 조정.
  • 자막 음성 해설과 동기화 (대부분의 소셜 비디오는 음소거 상태로 시청됩니다. 자막은 선택 사항이 아닙니다.)
  • 메시지를 전달하는 모션: 후크에 진입, 증거에 강조, 깔끔한 CTA 유지. HyperFrames 규칙에 따라 결정적이고 탐색에 안전한 애니메이션.
  • 비트 간 전환은 속도에 맞춤 (에너지를 위한 빠른 컷, 프리미엄을 위한 부드러운 리빌).
  • 음성 해설 — HyperFrames 미디어 파이프라인(또는 사용자가 선호하는 경우 신경 음성으로 edge-tts)을 통해 생성하고, 자막과 타이밍을 맞추세요.

완료를 선언하기 전에 린트 및 미리보기(npx hyperframes lint / preview)를 실행하세요. 파이프라인을 실행하지 않고 렌더링된다고 주장하지 마세요.

4단계 — 컷 내보내기

브리프에 필요한 플랫폼 변형을 제작하세요: 9:16 세로, 1:1 정사각형, 16:9. 플랫폼별 트림을 기록하세요 (세로는 엄지 손가락을 멈추게 하기 위해 후크를 프레임 안에 배치해야 함; 프리롤은 처음 5초 내에 브랜드를 표시해야 함).

5단계 — 전달

# 광고: {제품} — {플랫폼}
- 후크 옵션 (3) + 선택된 것
- 전체 스크립트
- 스토리보드 표
- 컴포지션 경로 + 렌더 명령어
- 제작된 플랫폼 컷
- 제안된 A/B (테스트할 후크 변형)

미디어 비용을 지출하기 전에 prospect-panel-simulator를 통해 후크와 스크립트를 압력 테스트하고 hyperframes-sales-demo-builder를 통해 더 긴 형식의 데모를 제작할 것을 제안하세요.

가드레일 요약

후크에 가장 많은 노력을 기울이세요 · 항상 자막 포함 (음소거 자동 재생) · 브랜드 키트 재사용, 브랜드에서 지정하지 않는 한 보라색/이모지 금지 · 완료를 주장하기 전에 린트 + 미리보기 · 실제 페르소나에 메시지 기반 두기.

Individual skills in this repo

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

OneWave-AI/claude-skills

Deploy a 2-layer parallel agent hierarchy for large, parallelizable work — big refactors, multi-file migrations, codebase-wide audits, bulk generation. A top-tier commander (Fable or Opus) orchestrates the swarms; the user picks a power level (Max Power / Heavy / Balanced / Economy) that sets the Opus/Sonnet/Haiku model mix per layer. Layer 1 is 3-50+ specialist agents, each with its own full context window; Layer 2 is 2+ sub-agents per member. Includes git safety, tiered sizing, a pre-deploy gate, phantom-completion checks, and multi-wave follow-up.

OneWave-AI/claude-skills

Generate animated videos and motion graphics from natural language descriptions. Creates a standalone Vite + React project with Framer Motion scenes that auto-play in the browser. Use when the user wants to create animations, motion graphics, video intros, animated presentations, or product demos.

OneWave-AI/claude-skills

Use before starting a product, feature, MVP, agent, automation, or integration build to identify the main pre-build risk and choose the smallest validation step. Trigger when the user asks whether to build, scope, validate, prioritize, or sanity-check an idea before implementation.

OneWave-AI/claude-skills

Post-mortem analysis when a client churns. Takes client history, engagement data, support tickets, usage logs, and exit feedback to produce a comprehensive churn autopsy with root cause classification, timeline of decline, and preventive measures.

OneWave-AI/claude-skills

Compose a premium, animated landing page section by section in Next.js + Tailwind + Motion (Framer Motion) — built on a real design system, with editorial copy and motion that feels human-crafted, not template-generated. Use when building or rebuilding a landing page, marketing site, or hero/feature/pricing/CTA sections that need to look production-ready and bespoke from day one.

OneWave-AI/claude-skills

Assemble 2-3 complementary experts to collaboratively analyze anything. Experts work together to explore topics from multiple expert angles.

OneWave-AI/claude-skills

Convert any topic into playable browser games. Types: trivia, matching, word puzzles, adventure games. Uses Phaser.js or Kaboom.js.

OneWave-AI/claude-skills

Turn a website URL, product docs, or a founder's rambling description into a tight 60-90 second explainer video built in HyperFrames -- problem/solution narrative, animated product walkthrough scenes, captions, and voiceover, ready for the homepage hero, sales emails, and onboarding.

OneWave-AI/claude-skills

Build promo videos for local businesses in HyperFrames -- the new-menu drop, the seasonal offer, the event announcement, the "we're hiring" post, the Google Business Profile clip. Restaurant, salon, gym, trades: 15-30 seconds, brand-clean, captioned, sized for Instagram, Facebook, and the profile.

OneWave-AI/claude-skills

Build a personalized product-demo or sales-walkthrough video in HyperFrames for a specific prospect or account — narrated screen-by-screen, branded to them, ending in a clear next step. Turns a generic demo into a "this was made for me" asset for outbound, follow-up, or deal acceleration. Use when you want to send a tailored video instead of booking another live call.

OneWave-AI/claude-skills

Turn real customer reviews, quotes, and case-study results into polished social-proof videos built in HyperFrames -- single-testimonial spotlights, review-wall montages, and stat-driven proof reels with captions and voiceover, cut for vertical, square, and wide. The highest-converting content most businesses never make.

OneWave-AI/claude-skills

Audit a codebase for LLM calls that are really classifications in disguise, then produce a costed swap plan for a System One model. Use when asked to cut AI inference cost or latency, when scoping a performance engagement for a client, when reviewing an agent loop that feels slow, or when asked "where could we use Jev here". Produces a ranked table of candidates with measured latency and dollar deltas.

OneWave-AI/claude-skills

Build and run a labelled eval set for a System One model (Jev, Von, or any typed-decision config), then sweep criteria wordings and thresholds against it. Use when a Jev/Von classification is wrong or unreliable, when choosing between the hosted API and a local open model, when tuning noul thresholds, or before shipping any typed-decision feature. Produces an accuracy-by-wording matrix and a calibrated threshold.

OneWave-AI/claude-skills

Wire a System One model (Jev, or an open reproduction like Von) into a product feature — routing, guardrails, scoring, classification. Use when replacing an LLM call that returns a label rather than prose, when adding a typed decision to an agent loop, or when deciding between the hosted Jev API and a local open model. Covers question design, the eval-set-first workflow, threshold calibration, confidence gates, and the traps measured on real data.

OneWave-AI/claude-skills

Optimize landing pages for conversions, performance, and SEO. Use when improving landing pages, increasing conversions, or optimizing page performance.

OneWave-AI/claude-skills

TAM/SAM/SOM calculator with deep market research. Produces comprehensive market-sizing.md with top-down and bottom-up estimates, methodology, data sources, assumptions, sensitivity ranges, growth projections, competitive landscape, and Mermaid visualizations. Use when user needs market size estimates, addressable market analysis, go-to-market sizing, investor-ready market analysis, or business plan market validation.

OneWave-AI/claude-skills

Generate unique personalized first lines for hundreds of prospects using company news, LinkedIn activity, and mutual connections. Saves 10+ hours of manual research per campaign. Use when you need personalized outreach at volume.

OneWave-AI/claude-skills

Review investment portfolios for risk, diversification, fees. Asset allocation recommendations, tax-loss harvesting, rebalancing.

OneWave-AI/claude-skills

Create multiple choice, true/false, fill-in-blank, matching quizzes. Auto-generate plausible distractors. Instant grading with explanations.

OneWave-AI/claude-skills

Enhanced skill navigator that maps conversation history, recommends multi-skill chains, identifies patterns from past usage, and learns from session outcomes. Goes beyond basic scout with deep context analysis and workflow orchestration.

관련 스킬