Editing code directly
The Code view gives you the full file tree with syntax highlighting — and every file is directly editable, with saves applied to the running app instantly.
Your code, visible
The Code view in the workspace shows the complete file tree of your app — every page, component, config, and asset. Files render with syntax highlighting and line numbers; images under public/ show as visual previews with their dimensions and file size instead of binary noise.
This isn't a viewing gallery of excerpts. It's the actual project — the same files you get when you export.
Edit and save
Switch a file to edit mode, change what you want, and save (⌘S works). The save writes straight into the running sandbox — the preview hot-reloads — and into the durable project snapshot, so your hand edit survives sandbox recycling, restores, and exports.
Hand edits and chat builds mix freely: fix a line yourself, then ask opix for the next feature. opix reads the current state of the files on every turn, so it builds on top of your edits rather than overwriting them.
When hand editing beats chat
- Changing one obvious constant, string, or class — faster than describing it.
- Reviewing what a build actually did before you publish.
- Verifying the code quality claim yourself — read the code, that's what it's there for.
Build something with opix
Start free