Getting Started
Interface Tour
A guided tour of the VULK interface and its features.
Interface Tour
Main Areas
1. Chat Panel (Left)
Where you describe what you want to build or edit. Type in natural language.
2. Preview Panel (Center)
Live preview of your app as it's being generated. Updates in real-time.
3. Files Panel (Right)
View and edit the generated code files directly.
Top Bar
- Project Name - Click to rename
- Save - Auto-saves, but click to force save
- Publish - Deploy your app to the web
- Settings - Access project settings
Chat Features
- Type your request in the input box
- Press Enter or click Send
- Watch the AI generate code in real-time
- Make edits by typing new requests
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
| ⌘ + S | Save project |
| ⌘ + K | Open search |
| ⌘ + / | Toggle sidebar |
Tips
- Be specific in your requests
- Use "change" or "update" for edits
- Reference specific elements by name
- Ask for multiple features in one request