// Create or modify MoFA Studio apps, screens, and shell integration. Use when adding a new app, changing an existing app, or wiring app lifecycle (timers, dark mode, dataflow).
| name | 02-mofa-studio-app-development |
| description | Create or modify MoFA Studio apps, screens, and shell integration. Use when adding a new app, changing an existing app, or wiring app lifecycle (timers, dark mode, dataflow). |
Build apps as self-contained crates under apps/. Use MofaApp for registration and keep shell coupling minimal.
cargo new).MofaApp and export the screen type.live_design! and Widget impl.LiveRegister, LiveHook).apps/<app>/src/screen/*.apps/<app>/dataflow.mofa-widgets only when multiple apps need it.Onboard to the MoFA Studio repository, run the app and dataflows, and choose the right MoFA Studio skill. Use when setting up the workspace, building/running, or deciding which part of the system to edit (app, dataflow, UI, audio, settings, deployment, troubleshooting).
Core architecture of MoFA Studio: plugin system, shell/app boundaries, state coordination, theme and dark mode, and timer/event lifecycles. Use when changing architecture, refactoring, or adding cross-cutting behavior.
Dora dataflow authoring and wiring for MoFA Studio dynamic nodes. Use when editing voice-chat.yml, adding dynamic nodes, or debugging dataflow connections and signals.
Makepad UI patterns in MoFA Studio: live_design layout, event handling, apply_over usage, shader-driven theming, and animation lifecycles. Use when editing UI or behavior.
Audio pipeline details for MoFA Studio: device selection, mic monitoring, AudioPlayer buffer behavior, and participant tracking. Use when modifying audio code or diagnosing audio issues.
Provider settings and user preferences in MoFA Studio. Use when editing provider UI, saving preferences, or wiring API keys and defaults.