무료GitHub에 공개

generate-video

Generates product demo videos and release walkthroughs via Remotion. Use when creating video documentation or animated demos.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

tim-hub/powerball-harness

설치 방법 보기

포함된 파일(85)

SKILL.md6.6 KB
assets/backgrounds/backgrounds.json4.9 KB
assets/sounds/sounds.json5.7 KB
package.json710 B
references/analyzer.md4.5 KB
references/asset-customization.md11.2 KB
references/best-practices.md8.6 KB
references/direction-guide.md14.6 KB
references/generator.md25.9 KB
references/image-generator.md9.0 KB
references/image-patterns.md14.5 KB
references/image-quality-check.md6.9 KB
references/MIGRATION-11.2.md7.9 KB
references/naming-conventions.md6.0 KB
references/planner.md7.6 KB
references/visual-effects.md11.0 KB
remotion/components/BackgroundLayer.tsx7.5 KB
remotion/components/EmphasisBox.tsx5.9 KB
remotion/components/index.ts1004 B
remotion/components/ProgressIndicator.tsx6.8 KB
remotion/components/README.md8.5 KB
remotion/components/TransitionWrapper.tsx5.7 KB
remotion/tsconfig.json617 B
schemas/animation.schema.json5.2 KB
schemas/assets.manifest.schema.json5.9 KB
schemas/character.schema.json16.0 KB
schemas/direction.schema.json4.5 KB
schemas/emphasis.schema.json8.6 KB
schemas/examples/scenario-example.json1.6 KB
schemas/examples/scene-example.json1.6 KB
schemas/examples/video-script-example.json5.1 KB
schemas/examples/visual-patterns/comparison-example.json1.0 KB
schemas/examples/visual-patterns/concept-example.json2.1 KB
schemas/examples/visual-patterns/flow-example.json1.8 KB
schemas/examples/visual-patterns/highlight-example.json745 B
schemas/README.md8.1 KB
schemas/scenario.schema.json3.6 KB
schemas/scene.schema.json8.2 KB
schemas/validate-schemas-basic.js2.7 KB
schemas/validate-schemas.js6.6 KB
schemas/video-script.schema.json7.6 KB
schemas/visual-patterns.schema.json14.2 KB
scripts/generate-schemas.js6.2 KB
scripts/load-assets.js14.1 KB
scripts/merge-scenes.js15.0 KB
scripts/README.md7.4 KB
scripts/render-video.js14.0 KB
scripts/template-registry.js10.0 KB
scripts/validate-scenario.js8.0 KB
scripts/validate-scene.js4.3 KB
scripts/validate-video.js13.0 KB
src/schemas/animation.ts3.7 KB
src/schemas/assets.manifest.ts2.8 KB
src/schemas/character.ts6.5 KB
src/schemas/direction.ts3.2 KB
src/schemas/emphasis.ts5.2 KB
src/schemas/index.ts423 B
src/schemas/scenario.ts2.7 KB
src/schemas/scene.ts5.5 KB
src/schemas/video-script.ts9.4 KB
src/schemas/visual-patterns.ts8.2 KB
src/types/components.ts6.0 KB
src/types/index.ts108 B
src/types/README.md4.1 KB
src/utils/converters.js5.9 KB
src/utils/converters.ts5.7 KB
src/utils/index.ts109 B
src/utils/README.md6.1 KB
templates/image-prompts/comparison.txt1.3 KB
templates/image-prompts/concept.txt2.3 KB
templates/image-prompts/flow.txt2.8 KB
templates/image-prompts/highlight.txt3.2 KB
templates/intro-3min.json8.9 KB
templates/teaser-90s.json7.0 KB
tests/asset-loader.test.js12.1 KB
tests/character-schema.test.js7.9 KB
tests/converters.test.js8.3 KB
tests/determinism.test.js11.4 KB
tests/e2e/merge-e2e.test.js13.3 KB
tests/e2e/render.test.js6.1 KB
tests/fixtures/minimal-video-script.json1.2 KB
tests/merge-scenes.test.js17.2 KB
tests/schema-validation.test.js3.7 KB
tests/validation-integration.test.js12.9 KB
tests/visual-patterns.test.js12.1 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Generate Video Skill

A collection of skills responsible for automatically generating product explanation videos.

Overview

This skill is used internally by the /generate-video command. It executes the flow of codebase analysis → scenario proposal → parallel generation.

Feature Details

Feature	Details
Best Practices	See references/best-practices.md
Codebase Analysis	See references/analyzer.md
Scenario Planning	See references/planner.md
Parallel Scene Generation	See references/generator.md
Visual Effects Library	See references/visual-effects.md
AI Image Generation	See references/image-generator.md
Image Quality Assessment	See references/image-quality-check.md

Prerequisites

Remotion is set up (/remotion-setup)
Node.js 18+
(Optional) GOOGLE_AI_API_KEY - for AI image generation

`/generate-video` Flow

/generate-video
    │
    ├─[Step 1] Analysis (analyzer.md)
    │   ├─ Framework detection
    │   ├─ Key feature detection
    │   ├─ UI component detection
    │   └─ Project asset analysis (Plans.md, CHANGELOG, etc.)
    │
    ├─[Step 2] Scenario Proposal (planner.md)
    │   ├─ Auto-determine video type
    │   ├─ Scene composition proposal
    │   └─ User confirmation
    │
    ├─[Step 2.5] Asset Generation (image-generator.md) ← NEW
    │   ├─ Determine if assets are needed (intro, CTA, etc.)
    │   ├─ Generate 2 images with Nano Banana Pro
    │   ├─ Claude assesses quality (image-quality-check.md)
    │   └─ OK → adopt / NG → regenerate (up to 3 times)
    │
    └─[Step 3] Parallel Generation (generator.md)
        ├─ Parallel scene generation (Task tool)
        ├─ Integration + transitions
        └─ Final rendering

Execution Steps

User runs /generate-video
Verify Remotion setup
Analyze codebase with analyzer.md
Propose scenario with planner.md + user confirmation
Parallel generation with generator.md
Completion report

Video Types (by funnel stage)

Type	Funnel Stage	Approx. Length	Auto-detection Criteria	Core Structure
LP/Ad Teaser	Awareness → Interest	30-90s	New project	Pain → Result → CTA
Intro Demo	Interest → Consideration	2-3 min	UI changes detected	Complete 1 use case
Release Notes	Consideration → Conviction	1-3 min	CHANGELOG updated	Before/After focused
Architecture Overview	Conviction → Decision	5-30 min	Major structural changes	Production use + evidence
Onboarding	Retention & Adoption	30s - several min	First-time setup	Shortest path to Aha moment

Details: references/best-practices.md

Scene Templates

90-second Teaser (for LP/ads)

Time	Scene	Content
0-5s	Hook	Pain or desired outcome
5-15s	Problem+Promise	Target user and promise
15-55s	Workflow	Signature workflow
55-70s	Differentiator	Basis for differentiation
70-90s	CTA	Next step

3-minute Intro Demo (for consideration)

Time	Scene	Content
0-10s	Hook	Conclusion + pain
10-30s	UseCase	Use case declaration
30-140s	Demo	Full walkthrough on actual screens
140-170s	Objection	Address one common concern
170-180s	CTA	Call to action

Common Scenes

Scene	Recommended Duration	Content
Intro	3-5s	Logo + tagline
Feature Demo	10-30s	Playwright capture
Architecture Diagram	10-20s	Mermaid → animation
CTA	3-5s	URL + contact

Detailed templates: ${CLAUDE_SKILL_DIR}/references/best-practices.md

Audio Sync Rules (Important)

Strictly follow these rules for narrated videos:

Rule	Value
Audio start	Scene start + 30f (1-second wait)
Scene length	30f + audio length + 20f padding
Transition	15f (overlap with adjacent scenes)
Scene start calculation	Previous scene start + previous scene length - 15f

Pre-check: Verify audio length with ffprobe before designing scenes

Details: ${CLAUDE_SKILL_DIR}/references/generator.md

BGM Support

Item	Recommended Value
With narration	bgmVolume: 0.20 - 0.30
Without narration	bgmVolume: 0.50 - 0.80
File location	`public/BGM/`

Details: ${CLAUDE_SKILL_DIR}/references/generator.md

Subtitle Support

Rule	Value
Subtitle start	Same as audio start
Subtitle duration	Audio length + 10f
Font	Base64 embedding recommended

Details: ${CLAUDE_SKILL_DIR}/references/generator.md

Visual Effects Library

A collection of effects for impactful videos:

Effect	Use Case
GlitchText	Hook, titles
Particles	Background, CTA convergence
ScanLine	Analysis in-progress effect
ProgressBar	Parallel processing display
3D Parallax	Card display

Details: references/visual-effects.md

Notes

If Remotion is not set up, guide users to /remotion-setup
Number of parallel generations auto-adjusts based on scene count (max 5)
Generated videos are output to the out/ directory
AI-generated images are saved to out/assets/generated/
When GOOGLE_AI_API_KEY is not set, image generation is skipped (existing assets or placeholders are used)

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

같은 저장소의 스킬

allow1

무료

Use when generating, vectorizing, or converting images to SVG — logos, icons, illustrations, or 'allow1'/'quiver' references.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

tim-hub/powerball-harness352026년 8월 5일 업데이트

breezing

무료

Use when running the full team/breezing flow end-to-end — all tasks with parallel workers. Do NOT load for: single-task implementation, planning, review, release, or setup.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

tim-hub/powerball-harness352026년 8월 5일 업데이트

cc-update-review

무료

Reviews PRs that modify the Feature Table in CLAUDE.md. Use when a PR adds CC version rows or modifies docs/CLAUDE-feature-table.md.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

tim-hub/powerball-harness352026년 8월 5일 업데이트

claude-codex-upstream-update

무료

Use when researching Claude Code or Codex upstream releases, selecting adaptations, or preparing Harness upgrades. Local-only; not for distribution.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

tim-hub/powerball-harness352026년 8월 5일 업데이트

generate-slide

무료

Creates a single project slide or one-page visual summary for a repo. Use when generating a project intro image or promotional slide.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

tim-hub/powerball-harness352026년 8월 5일 업데이트

gogcli-ops

무료

Operates Google Drive, Docs, Sheets, and Slides via gogcli. Use when listing, searching, reading, or updating Google Workspace files.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

tim-hub/powerball-harness352026년 8월 5일 업데이트

tim-hub의 스킬 모두 보기

이 스킬의 문제 신고

설치

명령으로 설치

npx skills add https://github.com/tim-hub/powerball-harness --skill generate-video

터미널에 붙여 넣고 실행합니다(Node.js 필요). Claude Code, Codex 등 설치할 에이전트를 고를 수 있습니다.

에이전트에게 부탁하기

다음 Agent Skill을 설치해 주세요.
https://github.com/tim-hub/powerball-harness/tree/master/.claude/skills/generate-video

먼저 SKILL.md와 첨부 파일의 내용을 확인해 수상한 처리(외부 전송, 인증 정보 읽기 등)가 없는지 확인한 뒤 Claude Code는 ~/.claude/skills/generate-video/, Codex는 ~/.agents/skills/generate-video/ 에 배치해 주세요.

이 문장을 그대로 Claude Code나 Codex에 보내면 내용을 확인한 뒤 설치해 줍니다.

GitHub에서 소스 보기

저장소: tim-hub/powerball-harness
스타: 35
포크: 0
카테고리: 동영상·이미지·음성
라이선스: MIT
원문 언어: 영어
최종 업데이트: 2026년 8월 5일

스킬은 에이전트를 위한 지시와 스크립트의 묶음입니다. cccskills는 내용의 안전성을 보증하지 않습니다. 설치하기 전에 내용을 확인하세요.

포함된 파일(85)

SKILL.md(원문)

Generate Video Skill

Overview

Feature Details

Prerequisites

/generate-video Flow

Execution Steps

Video Types (by funnel stage)

Scene Templates

90-second Teaser (for LP/ads)

3-minute Intro Demo (for consideration)

Common Scenes

Audio Sync Rules (Important)

BGM Support

Subtitle Support

Visual Effects Library

Notes

리뷰

댓글

같은 저장소의 스킬

allow1

breezing

cc-update-review

claude-codex-upstream-update

generate-slide

gogcli-ops

`/generate-video` Flow