메뉴
Use when creating programmatic videos, animated explainers, or visual compositions with Remotion.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Build a brand-perfect PowerPoint deck via the master-template renderer. Use when the user asks to create a deck or presentation.
Generate Excalidraw diagrams from a compact DSL with brand-resolved colors. Use for boxes/arrows flow diagrams.
Generate SVG diagrams from a compact DSL with brand-resolved colors. Use for charts, flows, and schematic 2D graphics.
Generate AI images via Replicate or Gemini. Use to create illustrations, photos, or graphics from a text prompt.
Convert text to speech with ElevenLabs voiceover. Use when generating speech audio or browsing available voices.
Use when authoring a CLI session recording for the cli-recorder skill. Translates a user's intent ("video of installing kubectl") into a valid recipe.toml through interactive Q&A.
| name | remotion |
| description | Use when creating programmatic videos, animated explainers, or visual compositions with Remotion. |
Create videos using Remotion — React components rendered as video frames. Orchestrates a multi-phase pipeline from concept to verified MP4.
Node.js >= 18 and npm >= 9 on PATH; headless Chromium is bundled with @remotion/cli.
For project structure and full reference index, see project-layout.md.
User: Create a 30-second explainer video about how DNS works
The skill runs a 5-phase pipeline: storyboard the concept, generate voiceover audio, build React scenes in parallel, evaluate quality via stills, and verify against the storyboard. Each phase gates the next.
Each phase has a reference with full instructions — read it when you reach that phase.
| Phase | Name | Reference | Gate |
|---|---|---|---|
| 0 (opt) | Analyze | analyze.md | .storyboard.md exists |
| 1 | Storyboard | storyboard.md | User approves docs/STORYBOARD.md |
| 2 | Audio | audio.md | public/vo-beat*.mp3 + src/timing.ts exist |
| 3 | Build | build.md | All scenes render and pass visual inspection |
| 4 | Eval | eval.md | All scenes score >= 7.0 |
| 5 | Verify | verify.md | User approves docs/VERIFICATION_REPORT.md |