staticstripeslisted
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