/design:to-rn
FALLBACK — vygeneruj native react-native-svg + Reanimated komponentu z IR pro LIGHT/occasional animaci. Pro rich/continuous morph použij `/design:to-lottie` (rn-svg má perf strop, `feTurbulence` nemá 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 — vygeneruj native react-native-svg + Reanimated komponentu z IR pro LIGHT/occasional animaci. Pro rich/continuous morph použij /design:to-lottie (rn-svg má perf strop, feTurbulence nemá 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 maude animaci → JEDEN `.lottie` Z KÓDU pro web i mobile (1:1 lottie-web/dotlottie-react + lottie-react-native). Emitter z keyframe dat, NE konvertor renderovaného SVG. Self-verify přes headless lottie-web.
/design:init
One-time project-level environment init for the design plugin. Detects missing dependencies (node ≥ 20, git, agent-browser, maude), prints install hints for soft deps, offers to run /init for CLAUDE.md and /flow:init for .ai/, and writes a skeleton .design/config.json. Does NOT create a design system — use /design:setup-ds <name> for that. Mirrors /flow:init.