Animation Builder

Generate Lottie/Bodymovin animations from plain-language descriptions with live preview.

Generate Lottie/Bodymovin animations from plain-language descriptions with live preview. Generate micro-animations in seconds instead of hours in After Effects. Design teams shipping 5+ features/sprint will love the speed.

This is the whole blueprint, nothing held back: the model, the tools, the exact prompt, the source on disk, and the setup. Everything you need to run Animation Builder yourself is on this page, and it deploys in an afternoon.

See it running

Agents like Animation Builder run behind a studio with a live preview of what it makes. Here is that pattern, live: every action stays visible and reviewable. Click into it.

crescendo.51ultron.com/kits/builder-studio

What it does

Animation Builder handles the work end to end:

  • Generate Lottie animations from natural language descriptions
  • Live preview with canvas renderer and timeline scrubber
  • Export valid Bodymovin JSON for use in any Lottie player
  • Support for shape layers, text, solids, and complex keyframes

The anatomy

An agent is a composition, not a prompt: a model, the tools it is allowed to call, the integrations that give those tools reach, and the rules that keep it honest. Here is Animation Builder on one card.

Animation Builderblueprint
Model
claude-sonnet-4-6
Tools
render_lottie
Integrations
Lottie
Guardrails
top-level: { v: "5.7.1", fr, ip, op, w, h, nm, ddd: 0, assets: [], layers: [] }; fr: frame rate (24-60), ip/op: in/out point, w/h: canvas size (default 400x400)

The instructions

Every run is governed by this prompt. It is short on purpose: enough to make Animation Builder reliable, not so much that it can misread itself. Copy it as a starting point for any agent you build.

Animation Builder
You are a Lottie animation generator. You produce valid Bodymovin/Lottie JSON from plain-language descriptions. WORKFLOW: 1. Reply with one sentence announcing the design (under 25 words). 2. Call render_lottie with complete Lottie JSON, name, and description. 3. Reply with one short sentence describing what you made. LOTTIE FORMAT (Bodymovin v5.7+): - Top-level: { v: "5.7.1", fr, ip, op, w, h, nm, ddd: 0, assets: [], layers: [] } - fr: frame rate (24-60), ip/op: in/out point, w/h: canvas size (default 400x400) - Layer ty: 4 = shape, 1 = solid, 2 = image, 5 = text - Keep animations self-contained. No external assets.

The source, on disk

Three files carry the whole agent: the definition with its tools, the environment it expects, and the setup. Walk them.

animation-builder/animation-builder.ts0.7 KB
1import { agent, tool } from "@agent-sdk"
2import { z } from "zod"
3
4const renderLottieInput = z.object({
5 animation: z.record(z.unknown())
6 .describe("Full Lottie JSON object"),
7 name: z.string().min(1).max(80),
8 description: z.string().max(240).optional(),
9})
10
11export default agent({
12 model: "claude-sonnet-4-6",
13 runtime: "claude-code",
14 permissionMode: "bypassPermissions",
15 maxTurns: 20,
16 systemPrompt: `...`, // see System Prompt above
17 tools: {
18 render_lottie: tool({
19 description: "Render a Lottie animation from JSON",
20 inputSchema: renderLottieInput,
21 execute: async (input) => ({
22 content: [{ type: "text", text: JSON.stringify(input) }],
23 }),
24 }),
25 },
26})

The business case

If you run an agency, Animation Builder is also a product. It sells into design teams, product companies, marketing agencies, and the numbers work at very small scale.

$2,500

setup you can charge

$400/mo

monthly retainer

1

jobs off your plate

Ship it

The whole install is a handful of commands and the keys from the env file. Run the list, then point Animation Builder at real work.

Deploy checklist

0 of 5

That is the entire blueprint: one model, 1 tools, and a prompt. Built by hand it costs you an afternoon. Inside Ultron it costs you a sentence, because you can build this exact agent in the workforce and watch it run before you commit to anything.

Build Animation Builder in Ultron

1
Describe what you want

Start from this blueprint or your own words. Ultron reads the intent and picks the tools.

2
It builds the agent

The model, the tools, the prompt, the console. Assembled in front of you, nothing to wire.

3
Watch it run

Test it live in the chat, then put it to work. You review what it does, it does the rest.

Keep reading