メニュー
Produce programmable videos with Remotion using scene planning, asset orchestration, and validation gates for automated, brand-consistent video content.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
LLM evaluation and security testing toolkit. Use ArtemisKit CLI to test, secure, and stress-test AI/LLM applications. TRIGGER when user needs to: - Test LLM outputs with scenarios (quality evaluation, regression testing) - Red team / security test an LLM for vulnerabilities (prompt injection, jailbreaks, data extraction) - Stress test / load test LLM endpoints (latency, throughput, p50/p95/p99 metrics) - Compare LLM evaluation runs for regressions - Generate reports from test runs - Set up LLM testing infrastructure - Evaluate prompt quality or model responses Keywords: LLM testing, prompt testing, AI security, red team, jailbreak testing, prompt injection, stress test, load test, evaluation, regression testing, model evaluation, prompt evaluation
AI image generation with OpenAI, Google and DashScope APIs. Supports text-to-image, reference images, aspect ratios. Sequential by default; parallel generation available on request. Use when user asks to generate, create, or draw images.
Generate professional voiceovers using ElevenLabs AI. Use when the user needs to create voiceovers for videos, audio narration, or text-to-speech content. Supports multiple voices with character presets (narrator, salesperson, expert) for natural delivery. Includes single scene regeneration for fine-tuning.
Best practices for Remotion - Video creation in React
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
Expert guidance for prompting Flux AI image generation models (FLUX.1, FLUX.2, Kontext) to achieve high-quality, prompt-adherent results. Use when generating images with Flux models, crafting prompts for specific visual styles, creating product photography, isolated objects, transparent backgrounds, artistic illustrations, or photorealistic images. Covers prompt structure, technical parameters, style control, text rendering, and common pitfalls to avoid.
| name | remotion-video-production |
| description | Produce programmable videos with Remotion using scene planning, asset orchestration, and validation gates for automated, brand-consistent video content. |
| tags | ["video","remotion","animation","storytelling","automation","react"] |
| platforms | ["Claude","ChatGPT","Gemini","Codex"] |
| allowed-tools | ["Bash","Write","Read","Task"] |
Remotion을 사용한 프로그래머블 비디오 제작 스킬입니다. 텍스트 지침에서 자동화된 비디오를 생성하고, 일관된 브랜드 비디오를 대규모로 제작합니다.
video_spec:
audience: [타겟 오디언스]
goal: [비디오 목적]
duration: [총 길이 - 30s, 60s, 90s]
aspect_ratio: "16:9" | "1:1" | "9:16"
tone: "fast" | "calm" | "cinematic"
voice:
style: [내레이션 스타일]
language: [언어]
씬 구조화 템플릿:
## Scene Plan
### Scene 1: Hook (0:00 - 0:05)
- **Visual**: 제품 로고 페이드인
- **Audio**: 업비트 인트로
- **Text**: "Transform Your Workflow"
- **Transition**: 페이드 → Scene 2
### Scene 2: Problem (0:05 - 0:15)
- **Visual**: 문제 상황 일러스트
- **Audio**: 내레이션 시작
- **Text**: 핵심 메시지 오버레이
- **Transition**: 슬라이드 좌측
### Scene 3: Solution (0:15 - 0:30)
...
# 에셋 체크리스트
assets/
├── logos/
│ ├── logo-main.svg
│ └── logo-white.svg
├── screenshots/
│ ├── dashboard.png
│ └── feature-1.png
├── audio/
│ ├── bgm.mp3
│ └── narration.mp3
└── fonts/
└── brand-font.woff2
에셋 준비 규칙:
// src/Video.tsx
import { Composition } from 'remotion';
import { IntroScene } from './scenes/IntroScene';
import { ProblemScene } from './scenes/ProblemScene';
import { SolutionScene } from './scenes/SolutionScene';
import { CTAScene } from './scenes/CTAScene';
export const RemotionVideo: React.FC = () => {
return (
<>
<Composition
id="ProductIntro"
component={ProductIntro}
durationInFrames={1800} // 60s at 30fps
fps={30}
width={1920}
height={1080}
/>
</>
);
};
// Scene Component Example
const IntroScene: React.FC<{ frame: number }> = ({ frame }) => {
const opacity = interpolate(frame, [0, 30], [0, 1]);
return (
<AbsoluteFill style={{ opacity }}>
<Logo />
<Title>Transform Your Workflow</Title>
</AbsoluteFill>
);
};
# 1. 프리뷰 렌더링 (저품질)
npx remotion preview src/Video.tsx
# 2. QA 체크
- [ ] 타이밍 확인
- [ ] 오디오 싱크
- [ ] 텍스트 가독성
- [ ] 전환 부드러움
# 3. 최종 렌더링
npx remotion render src/Video.tsx ProductIntro out/video.mp4
Prompt:
Create a 60s product intro video with 6 scenes,
upbeat tone, and 16:9 output. Include a CTA at the end.
Expected output:
## Scene Breakdown
1. Hook (0:00-0:05): Logo + tagline
2. Problem (0:05-0:15): Pain point visualization
3. Solution (0:15-0:30): Product demo
4. Features (0:30-0:45): Key benefits (3 items)
5. Social Proof (0:45-0:55): Testimonial/stats
6. CTA (0:55-1:00): Call to action + contact
## Remotion Structure
- src/scenes/HookScene.tsx
- src/scenes/ProblemScene.tsx
- src/scenes/SolutionScene.tsx
- src/scenes/FeaturesScene.tsx
- src/scenes/SocialProofScene.tsx
- src/scenes/CTAScene.tsx
Prompt:
Generate a 45s onboarding walkthrough using screenshots,
with callouts and 9:16 format for mobile.
Expected output:
Cause: 프레임 타이밍 불일치 Solution: 프레임 재계산 및 타임스탬프 정렬
Cause: 무거운 에셋 또는 효과 Solution: 에셋 압축 및 애니메이션 단순화
Cause: 폰트 크기 또는 대비 부족 Solution: 최소 24px 폰트, 고대비 색상 사용
## Video Production Report
### Spec
- Duration: 60s
- Aspect Ratio: 16:9
- FPS: 30
### Scene Plan
| Scene | Duration | Visual | Audio | Transition |
|-------|----------|--------|-------|------------|
| Hook | 0:00-0:05 | Logo fade | BGM start | Fade |
| ... | ... | ... | ... | ... |
### Assets
- [ ] logo.svg
- [ ] screenshots (3)
- [ ] bgm.mp3
- [ ] narration.mp3
### Render Checklist
- [ ] Preview QA passed
- [ ] Audio sync verified
- [ ] Safe zones checked
- [ ] Final render complete
| Agent | Role |
|---|---|
| Claude | 씬 플래닝, 스크립트 작성 |
| Gemini | 에셋 분석, 최적화 제안 |
| Codex | Remotion 코드 생성, 렌더링 실행 |
#video #remotion #animation #storytelling #automation #react