Mistica Playroom (web editor)

Playroom is Mistica's hosted live-prototyping tool at https://mistica-web.vercel.app/playroom. The left panel is a code editor; the right panel renders the result instantly across the configured widths. This skill covers the peculiarities of writing Playroom-compatible JSX so the code renders on the first try when pasted into the editor.

When to apply

• The user asks to build or edit a Playroom example for Mistica.
• Prototyping a Mistica component, screen, or interaction (not in a local repo).
• Force Mobile/desktop variants of the URL also apply: /playroom-mobile and /playroom-desktop.

Output format

Deliver a single fenced jsx code block containing the complete, paste-ready JSX. The block must be self-contained: select-all + paste into the Playroom editor is the only action the user needs to take. Do not split the output across multiple code blocks.