Toolverse
All skills

remotion

by davila7

Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling

Installation

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

Installation

Quick info

Author
davila7
Category
Security
Views
33

About this skill

Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling

How to use

  1. Zainstaluj Remotion w swoim projekcie, upewniając się, że masz React ≥18.0.0 i Remotion ≥4.0.0 jako zależności. 2. Utwórz komponenty React, które będą stanowić zawartość wideo – każdy komponent to potencjalna scena lub element animacji. 3. Zdefiniuj kompozycję wideo za pomocą funkcji Remotion, określając czas trwania (w klatkach), wymiary (szerokość, wysokość) oraz props przekazywane do komponentu. 4. Używaj hooka useCurrentFrame() wewnątrz komponentów, aby uzyskać numer bieżącej klatki i sterować animacjami – zmiana wartości na podstawie numeru klatki tworzy efekt ruchu. 5. Dodaj zasoby (obrazy, wideo, audio, czcionki) do projektu i importuj je do komponentów – Remotion obsługuje trimowanie, zmianę głośności, zmianę tempa i wysokości tonu. 6. Renderuj wideo programowo, wybierając format wyjściowy i ustawienia – framework automatycznie generuje plik wideo na podstawie Twojej definicji kompozycji.

Related skills

academic-researcher

by Shubhamsaboo

Academic research assistant for literature reviews, paper analysis, and scholarly writing.\nUse when: reviewing academic papers, conducting literature reviews, writing research summaries,\nanalyzing methodologies, formatting citations, or when user mentions academic research,

Security
1260

senior-security

by davila7

Comprehensive security engineering skill for application security, penetration testing, security architecture, and compliance auditing. Includes security assessment tools, threat modeling, crypto implementation, and security automation. Use when designing security architecture,

Security
2482

typescript-review

by metabase

Review TypeScript and JavaScript code changes for compliance with Metabase coding standards, style violations, and code quality issues. Use when reviewing pull requests or diffs containing TypeScript/JavaScript code.

Security
17133

llama-cpp

by zechenzhangAGI

Runs LLM inference on CPU, Apple Silicon, and consumer GPUs without NVIDIA hardware. Use for edge deployment, M1/M2/M3 Macs, AMD/Intel GPUs, or when CUDA is unavailable. Supports GGUF quantization (1.5-8 bit) for reduced memory and 4-10× speedup vs PyTorch on CPU.

Security
11252

1password

by openclaw

Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.

Security
1174

skill-writer

by pytorch

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill, or needs help with SKILL.md files, frontmatter, or skill structure.

Security
15116