/design:to-lottie
Productionize a maude animation → ONE `.lottie` FROM CODE for web and mobile (1:1 lottie-web/dotlottie-react + lottie-react-native). Emitter from keyframe data, NOT a converter of rendered SVG. Self-verify via headless lottie-web.
| Property | Value |
|---|---|
| Command | /design:to-lottie |
| Category | daily (daily) |
| Argument hint | \"<animated mark | IR handle | canvas>\" [--out <path>] [--web] [--verify] |
| Source | plugins/design/commands/to-lottie.md |
Description
Productionize a maude animation → ONE .lottie FROM CODE for web and mobile (1:1 lottie-web/dotlottie-react + lottie-react-native). Emitter from keyframe data, NOT a converter of rendered SVG. Self-verify via headless lottie-web.
Invocation
/design:to-lottie \"<animated mark | IR handle | canvas>\" [--out <path>] [--web] [--verify]Summary
The production-delivery handoff for maude animation (DDR-094). You iterate the animation natively in maude (the keyframe IR → SMIL/JSX preview);
Source of truth
/design:screenshot
Capture a screenshot of the active canvas — full, a single screen, an element, or every screen in a loop. Wrapper over `maude design screenshot` (agent-browser primary, playwright fallback).
/design:to-rn
FALLBACK — generate a native react-native-svg + Reanimated component from the IR for LIGHT/occasional animation. For rich/continuous morph use `/design:to-lottie` (rn-svg has a perf ceiling, `feTurbulence` has no native impl).