Chat

Agent chat is the main interface for design-aware coding in Velork. It sees your canvas selection, open files, and task context — so you describe outcomes, not file paths.

Open chat

Click the chat icon in the right auxiliary bar, or press Cmd + L to focus the input.

Start a fresh session with Cmd + T. Close the current session with Cmd + W (archives it). Cycle sessions with Cmd + Shift + [ and ].

Write effective prompts

Lead with the outcome, then constraints:

Implement the selected canvas frame as a React + Tailwind page section.
Reuse components from components/ui/ where possible. Run typecheck when done.

For exploration without edits:

Explain how authentication flows through this repo. Point me to the three files I should read first.

For safe first changes:

Suggest three small, safe improvements in this codebase. Explain tradeoffs and wait for me to pick one.

Use canvas context

Select a frame before asking for UI work. Agent reads the design tree — layer names, spacing, and typography — alongside your code.

If nothing is selected, say which frame or file you mean explicitly.

Blueprints

Pick a blueprint from the chat input to apply a saved prompt template — for example scaffolding from a frame or running a standard test pass.

Create and manage blueprints according to your plan limits. See Plans and usage.

Model and toggles

Default models per mode are configured under Settings → Models.

Review before accepting

Treat Agent output like a senior teammate's PR — review every diff. Ask it to run the same checks you would locally:

Run the project linter and fix any issues you introduced.

Next steps

Modes

Pick Develop, Plan, Test, or Inspiration for the job

Overview

Tools, permissions, and MCP

Keyboard shortcuts

Full shortcut reference