/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).
| Property | Value |
|---|---|
| Command | /design:to-rn |
| Category | daily (daily) |
| Argument hint | \"<animated mark | IR handle | canvas>\" [--out <Component.tsx>] |
| Source | plugins/design/commands/to-rn.md |
Description
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).
Invocation
/design:to-rn \"<animated mark | IR handle | canvas>\" [--out <Component.tsx>]Summary
The fallback motion handoff for light / occasional animation where you want a native react-native-svg + Reanimated component instead of a Lottie runtime (DDR-094).
Source of truth
/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.
/design:video-analyze
Analyze ONE video clip (or a folder / the active canvas's clips) end to end — picture AND sound — in one command. Extracts scene-aware keyframes (skill footage-keyframes / `maude design smart-frames`: scene cuts + action beats + endpoints, not a blind frame rate), transcribes the audio (`maude design transcribe`, whisper local / cloud), then the footage-analyst watches the smart frames with the transcript folded in and writes a FootageAnalysis sidecar (shots, on-screen text, mood, tags, summary, best moment, AND a speech section) plus a human "what is this about" report. Analysis-only — distinct from /design:reel, which goes further and assembles a cut. Wraps `maude design smart-frames` + `maude design transcribe` + the footage-analyst agent + skill footage-keyframes.