Code Studio
Multi-file code generation, presets, file tree, live preview and shortcuts.
Code Studio is tuned for real deliverables. It streams multi-file responses, parses them into a browsable tree and renders web output in a sandboxed preview.
Presets
| Preset | Targets | What changes |
|---|---|---|
| Web | React + Tailwind | Component structure, accessibility, responsive defaults |
| iOS | Swift / SwiftUI | MVVM structure, previews, no UIKit unless asked |
| Embedded | ESP32 / Arduino | Pin maps, non-blocking loops, memory notes |
| Python / ML | Python 3, numpy, sklearn | Reproducible seeds, requirements list |
Working with output
- File tree — every fenced block with a path comment becomes a file.
- Live preview — HTML/React output runs in a sandboxed iframe.
- Copy / download — per file or the whole set.
- Conversations — persisted per user; rename, delete, switch from the sidebar.
- Attachments — paste images and text files as context.
- Voice input — where the browser supports SpeechRecognition.
Prompting that works
- State the stack and the constraint in the first sentence.
- Ask for the file layout you want, not just the feature.
- Iterate in small diffs — "change only the reducer" beats "redo it".
- Paste the exact error text when fixing; do not paraphrase.
Refactor src/hooks/useCart.ts to use a reducer.
Keep the public API identical. Return only that file.