코드베이스의 한 줄, 블록, 파일 또는 아키텍처에 대한 개발자용 설명 영상을 자동 생성합니다 (Remotion + ElevenLabs).
이 스킬은 개발자가 코드베이스의 특정 부분(한 줄, 함수, 파일, 아키텍처)을 이해해야 할 때, 자동으로 내레이트된 애니메이션 설명 영상을 생성합니다. Remotion의 Code Hike 템플릿을 사용해 구문 강조된 코드를 보여주고, Mermaid로 아키텍처 다이어그램을, ElevenLabs로 음성 해설을 생성합니다. 자막도 자동으로 포함되며, Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있습니다. 이 스킬의 핵심은 단순한 코드 설명을 넘어, ‘왜(why)’와 ‘어떻게(how)’에 초점을 맞춘다는 점입니다. 실제 코드와 파일 경로, 함수 이름을 그대로 보여주며 비개발자를 위한 비유를 사용하지 않습니다. 영상 제작 과정은 크게 인테이크(세 가지 질문), 코드 리서치, 비트(beat) 계획, 프로젝트 설정, 비트 작성, 드래프트 검증, 사실 확인, 음성 생성 및 렌더링, 최종 검토의 9단계로 나뉩니다. 사용자가 질문에 답변하지 못하는 경우에도 합리적인 가정 하에 자동으로 작업을 진행할 수 있습니다. 이 스킬은 신규 팀원 온보딩, 코드 리뷰, 버그 수정, 기능 추가 등 다양한 상황에서 유용합니다. 영상 길이는 30초(단일 라인/블록)부터 30분(코드베이스 온보딩)까지 조절 가능하며, 긴 영상은 챕터로 분할하여 병렬 에이전트가 처리할 수 있습니다. ElevenLabs 크레딧과 렌더링 시간이 소모되므로, 최종 제작 전 반드시 사용자의 확인을 받습니다.
npx skills add https://github.com/SkelegonDK/code_explainer_skill/tree/HEAD/skills/code-explainer-video개발자를 위한 내레이트된 애니메이션 코드 워크스루입니다. 시청자는 엔지니어입니다. 실제 코드를 보여주고, 실제 파일과 함수 이름을 명시하며, 왜와 어떻게를 설명합니다. 비개발자를 위한 비유로 단순화하지 마세요.
스택: Remotion의 Code Hike 템플릿(단계별로 모핑되는 구문 강조 코드), Mermaid(아키텍처 다이어그램), ElevenLabs(내레이션, ElevenLabs 커넥터 또는 API 키 사용), 내장 자막. template/ 안의 Remotion 코드를 변경할 때는 remotion-best-practices 스킬을 불러오세요.
이 SKILL.md 파일(
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.