Sitelet https://slopcamera.com/docs/tutorials/claude-code
SlopCamera
Browse documentationTutorials · Set up SlopCamera for Claude Code

Tutorials

Set up SlopCamera for Claude Code

Install the CLI and Agent Skill, then ask Claude Code for a first diagram and a short video.

Claude Code can create diagrams, images, animations, and video through SlopCamera once two pieces are installed: the slopcamera command, which does the local media work, and the SlopCamera Agent Skill, which teaches Claude Code which operation to reach for.

You need Bun 1.3.14 or newer on macOS, Linux, or Windows. A few features are narrower: vectorization, local audio and color effects (media audio and media color), and the native engines (Blender, CadQuery, and Manim) run on macOS and Linux, and the GPU scene profiles need macOS. SlopCamera edits recordings you already have; it does not record. There is no SlopCamera account.

Install the CLI

bun add --global https://github.com/hraness/slopcamera/releases/download/v3.10.3/hraness-slopcamera-3.10.3.tgz

Confirm the install:

slopcamera doctor --json

The doctor reports which parts of SlopCamera work on this machine. Diagrams need nothing more, video editing needs FFmpeg and FFprobe, and native engines such as Blender install separately.

Install the Agent Skill for Claude Code

slopcamera skill install --target claude

Start a new Claude Code session after installing. The skill loads version-matched guidance for choosing creative operations, so Claude Code knows to check a diagram before rendering it, to preview a cut before exporting it, and to keep sources editable.

Try it

Ask Claude Code in a fresh session:

Create a two-box diagram showing ingestion flowing into review, render it, and show me the dark PNG.

Claude Code should run slopcamera diagram init, edit the JSON source, run slopcamera diagram check --strict, then slopcamera diagram render, and open or report the resulting files. If it improvises with another tool instead, the skill did not load: start a new session or re-run the skill install.

Then ask for a short video:

Make an eight-second 1280 × 720 title animation that says "Launch week", render it to MP4, and show me the file.

With the skill loaded, Claude Code can write an HTML scene and a render request, check the request with slopcamera html render --dry-run --json, then render it. This needs the browser and FFmpeg runtimes that slopcamera doctor --json reports. Create and revise your first animation walks through the same steps.

What Claude Code can do next

  • Generate images, video clips, and narration through your own Vercel AI Gateway credential. See generate media.
  • Edit footage and deliver multiple aspect ratios. See edit video.
  • Direct spatial scenes and native films with the released CLI. See spatial scenes and native films.

Troubleshooting

  • slopcamera: command not found: the global Bun bin directory is not on your PATH, or the install ran in a different shell. Re-open the terminal and re-run slopcamera doctor --json.
  • The skill is not loading: skills install per target. The Claude Code form installs to the Claude skills directory; the generic slopcamera skill install --target agents targets agents that read the agents convention. Run the command printed above, not the generic one.
  • Generation asks for a key: model-backed operations use caller-owned Vercel AI Gateway access. Set AI_GATEWAY_API_KEY, or with a linked Vercel project use vercel env run -- <command> so the credential is injected for one command without being written to the project. This website never receives it. For prompt-only images, slopcamera credits topup and slopcamera credits wait set up prepaid Hraness Credits instead; see generate media.