Toolverse
All skills

video-pro

by openclaw

MiniPC 노드(Remotion + FFmpeg)를 활용한 실전형 비디오 에디팅 스킬. 프로그래밍 방식의 영상 제작부터 컷 편집, 자막 합성, 포맷 변환까지 지원합니다.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
openclaw
Category
Frontend
Views
4

About this skill

MiniPC 노드(Remotion + FFmpeg)를 활용한 실전형 비디오 에디팅 스킬. 프로그래밍 방식의 영상 제작부터 컷 편집, 자막 합성, 포맷 변환까지 지원합니다.

How to use

  1. Upewnij się, że masz dostęp do węzła MiniPC z zainstalowanym Remotion (w katalogu $HOME/remotion-videos) i FFmpeg dostępnym globalnie. Połączenie odbywa się przez Tailscale na adres IP węzła.

  2. Aby wygenerować wideo z kodu React, przygotuj komponent Remotion w projekcie na MiniPC, a następnie użyj polecenia: cd $HOME/remotion-videos && npx remotion render [ID_Kompozycji] out/video.mp4 --props '{"title": "Twoja zawartość"}'. Remotion przetworzy kod na plik MP4.

  3. Do edycji wideo (cięcia, zmiana rozdzielczości, konwersja formatu) używaj FFmpeg. Przykłady: cięcie fragmentu (ffmpeg -i input.mp4 -ss 00:00:10 -to 00:00:20 -c copy output.mp4), zmiana rozdzielczości na 720p (ffmpeg -i input.mp4 -vf "scale=1280:720" -c:a copy output.mp4), konwersja MOV na MP4 (ffmpeg -i input.mov -c:v libx264 -c:a aac output.mp4).

  4. Aby dodać napisy do wideo, najpierw wyodrębnij audio (ffmpeg -i input.mp4 -vn -acodec libmp3lame output.mp3), następnie wygeneruj plik SRT z transkrypcją (np. za pomocą Whisper), a potem nałóż napisy na wideo (ffmpeg -i input.mp4 -vf "subtitles='input.srt'" output.mp4).

  5. Wykonuj polecenia na MiniPC przez agenta za pomocą nodes.run: await nodes.run({node: "MiniPC", command: "cd $HOME/remotion-videos && npx remotion render MyComp out/result.mp4"}). Renderowanie jest czasochłonne – pozwól agentowi pracować w tle.

  6. Pamiętaj o ścieżkach bezwzględnych ($HOME/), sprawdzaj dostępność węzła i monitoruj zasoby CPU podczas renderowania Remotion, szczególnie w przypadku złożonych animacji.

Related skills

game-development

by davila7

Game development orchestrator. Routes to platform-specific skills based on project needs.

Frontend
36112

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151

angular

by sickn33

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns. Use PROACTIVELY for Angular development, component architecture, state management, performance optimization, and migration to modern

Frontend
2656

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

better-icons

by better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search u003cqueryu003e` to find icons, `better-icons get u003cidu003e` to get SVG. Also available as MCP server for AI agents.

Frontend
2037