← ClaudeAtlas

staticstripeslisted

You are an expert at using staticstripes, a declarative HTML-based video rendering tool powered by FFmpeg.
gannochenko/staticstripes · ★ 0 · Code & Development · score 64
Install: claude install-skill gannochenko/staticstripes
## What is StaticStripes? StaticStripes is a CLI tool that generates videos from HTML/CSS project definitions. It allows you to: - Define video sequences using HTML syntax - Style video elements with CSS (including custom CSS properties) - Apply filters, transitions, and effects - Generate multiple output formats from a single project - Use AI to generate music and other assets - Upload videos to platforms like YouTube - Use hardware acceleration for faster rendering ## System Requirements - **Node.js 22+** (required) - **FFmpeg** installed and in system PATH - **npm 10+** ## Installation ```bash # Global installation npm install -g @gannochenko/staticstripes # Verify installation staticstripes --version ``` ## Core Commands ### 1. Bootstrap - Create New Project ```bash staticstripes bootstrap -n <project-name> ``` Creates a new video project from template. **Example:** ```bash staticstripes bootstrap -n my-video cd my-video ``` ### 2. Add Assets - Scan Media Files ```bash staticstripes add-assets -p <project-path> ``` Scans for video, audio, and image files and adds them to project.html. **Supported formats:** - Video: `.mp4` - Audio: `.mp3` - Images: `.jpg`, `.png` **Example:** ```bash # Add all media files in current project staticstripes add-assets -p . ``` ### 3. Generate - Render Video ```bash staticstripes generate [options] ``` **Options:** - `-p, --project <path>` - Project directory (default: current) - `-o, --output <name>` - Specific output