SkillPipeline Flow Video
어떤 워크플로든 6초 만에 설명 — 펄스가 흐름을 따라 각 단계를 밝힙니다.
지원: Claude Code, Codex, Cursor, Muse · 버전 1.0 · 필요 사항: Node.js 18+ 및 npm. Remotion으로 로컬 렌더링합니다(첫 실행 시 헤드리스 Chrome 다운로드).
무료 다운로드 모든 Premium Skills 잠금 해제
미리보기
제공 내용
- 완전한 Remotion 프로젝트(컴포지션 + 렌더링 스크립트)
- 편집 가능한 노드 목록(캡션이 있는 3~5단계)
- 노드별 활성화 타이밍을 갖춘 이동하는 펄스
- 페이지, 게시물, 피치용 1080x1080 MP4 출력
이 Skill 소개
코드에서 파이프라인 설명 동영상을 렌더링합니다. 헤드라인, 프로세스 노드 행, 그리고 그 위를 이동하는 빛의 펄스가 각 단계와 그 캡션을 차례로 밝힙니다. 노드는 단순한 데이터 배열이므로, 같은 프로젝트로 자동화 워크플로, 온보딩 퍼널, 공급망 등 한눈에 이해해야 하는 모든 프로세스를 설명할 수 있습니다.
사용해 보기
scripts/render.sh ./pipeline.mp4이런 분께 적합
- 작동 방식 섹션 및 출시 게시물
- 워크플로 및 퍼널 설명
적합하지 않은 경우
- 상세한 튜토리얼이나 긴 내레이션 워크스루
설치 방법
- 설치 프롬프트를 에이전트에 복사하세요:
Read https://skillu.dev/install/agent.md, then install the Pipeline Flow Video skill (pipeline-flow-video). - 또는 출시 후 이 페이지에서 Skill 패키지를 다운로드해, 그 폴더를 에이전트의 skills 디렉터리에 넣습니다.
- 슬래시 명령으로 호출하세요. 예:
/pipeline-flow-video. 그리고 원하는 것을 평범한 말로 설명하세요.
자주 묻는 질문
몇 단계까지 표시할 수 있나요?
피드 속도에서는 세 개에서 다섯 개가 가장 읽기 좋습니다. 노드 위치는 데이터입니다. 캔버스에 고르게 배치하세요.
헤드라인과 캡션을 바꿀 수 있나요?
네, 둘 다 컴포넌트 안의 일반 텍스트이며, 각 노드의 하위 캡션이 이야기를 전달합니다.