Add Lottie Studio: web UI + agent job-bridge + MP4 export#13
Open
hasaneyldrm wants to merge 1 commit into
Open
Add Lottie Studio: web UI + agent job-bridge + MP4 export#13hasaneyldrm wants to merge 1 commit into
hasaneyldrm wants to merge 1 commit into
Conversation
A small web UI (public/studio.html at /studio) that lets you drop a photo/SVG, write a prompt, and pick options; a Vite dev-server plugin exposes a job queue (/api/jobs) writing requests to .studio-jobs/<id>/. A watching coding agent authors the scene under public/projects/ and the player shows it live — no API key in the app. Also adds MP4 export: GET /api/export renders a scene frame-by-frame through Skottie (CanvasKit) and encodes H.264 via a bundled ffmpeg-static binary (no system ffmpeg required), streamed back as a download. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Lottie Studio: web UI + agent job-bridge + MP4 export
A small, self-contained addition on top of the existing Skottie player.
What it adds
public/studio.html(served at/studio) — drop a photo/SVG, write a prompt, pick options (size, fps, frames, background, loop, editable controls, notes). Live player iframe + recent-jobs feed.vite-plugins/studio.ts— a job queue on the dev server:POST /api/jobswrites each request to.studio-jobs/<id>/job.json(+ image),GET /api/jobs[/:id]reads status.public/projects/<project>/<scene-N>/lottie.json, and writes the result back. No API key lives in the app — the agent is the generation engine, reusing the existing scene contract the player already watches.GET /api/export?project=&scene=&bg=&fps=&loops=renders a scene frame-by-frame through Skottie/CanvasKit, composites transparent scenes on a chosen background (MP4 has no alpha), and encodes H.264 via a bundledffmpeg-staticbinary (no system ffmpeg needed). Streamed back as a download; there's an MP4 indir button on each finished scene.Notes
ffmpeg-static), and smallvite.config.ts/.gitignoreedits. No changes to the player, scene loader, or existing scenes..studio-jobs/is gitignored.ffmpeg-statictopackage.json(I develop with npm; the lockfile isn't included — runbun installto updatebun.lock).This is an opinionated feature (the "agent watches a folder" bridge). Happy to split the MP4 export into its own PR if that's more useful on its own, or to adjust anything.
🤖 Generated with Claude Code