Shortcuts

The fastest ways to point, edit, diff, and ship with Voila.

Press E to pick anything, type / to switch skills, and open the diff when you’re ready to ship.

Start here

Four moves cover most days.

Learn these first. Everything else builds on them.

EPoint at anything

Open the picker and select any element on the page.

Hold ⌘Pick inside containers

When Voila grabs the whole card but you want the button inside.

ClickMulti-select

Select multiple elements and restyle them together.

/Open skills

Inspect, edit inline, responsive, tokens, or a task.

Reference

All shortcuts.

Grouped by what you’re doing on the page.

Point & selectEPoint at an element

Start the picker from anywhere on the page. Ctrl+Shift+E on Windows.

Space Jam
spacejam.com/1996/
img
AgentTokens
Make the logo 40% bigger
Increased logo size by 40%
Done. The logo is now 40% larger.
img
Point at any UI, ask anything…
Show tweaksReset all changes
Haiku 4.5
Click an element · Shift+click to multi-select · Esc to cancel
Point & selectClickSelect it

Click any element to attach it to your ask. The picker closes with it selected.

Point & selectHold ⌘Pick inside a container

Use it when Voila keeps selecting the whole card but you want the link, label, icon, or text inside.

Point & selectClickMulti-select

Perfect when you want to update several buttons, cards, labels, or sections in one pass. Shift-click a selected one to drop it.

Point & selectEnterFinish selecting

Done pointing? Enter confirms the current selection.

Point & selectEscCancel or clear

Esc cancels the picker. Once something is selected, Esc clears the selection, same as the chip’s ✕.

Ask & run skillsONew chat

Open Voila with a fresh chat, cursor already in the composer.

Ask & run skillsEnterSend

Enter sends. Shift+Enter makes a line break.

Ask & run skillsReopen a chat

Every conversation is saved. Jump back into a past chat from the chats button.

Ask & run skills/Slash skills

Type / to switch modes fast: inspect styles, edit text inline, check responsive states, extract tokens, or create a task.

Ask & run skillsBonjourHelloこんにちはPrompt in your language

Ask in any language and the answers follow: French, English, Japanese, whatever you think in.

Edit visuallyNudge values

In any value field (inspect or tokens), arrows step by 1. Hold Shift to step by 10.

Edit visually24pxScrub values

Drag horizontally on a numeric field to scrub it like a slider. Shift makes it coarse.

Edit visually/Edit inlineEdit text inline

Pick the Edit inline skill, then type straight into the page. Enter or Esc locks it in.

Edit visuallyToggle one change

The amber dot next to an edited property or token switches that single change off and back on.

Edit visuallyShow tweaksPreview without changes

Toggle all visual changes on and off to compare the original page with your edits.

Edit visuallyClick2× ClickGradient stops

On the gradient bar: click to add a stop, drag to move it, double-click a handle to remove it.

Edit visuallyResponsive frames

Preview the page at phone, tablet, and desktop sizes without leaving the tab.

OGimage.gallery
ogimage.gallery
OGimage.gallery Search…
AllAnimatedAppArts & CultureCreativeDynamicFinanceFoodHealthPortfoliosResourcesBy Site
GIF
Internets™️ Gashapon
GIF
8VC
ElevenLabs
Cash App
Dirt
Lassie
Opal Electronics
Shader Development Studio
Locomotive
Review & ship+2−0See the diff

Click the counters in the diff bar to review every change as a diff panel before you ship or hand it off.

Review & shipMove or dock the widget

Drag the widget anywhere. Drag it to a screen edge and it docks as a sidebar, and the page reflows beside it.

OGimage.gallery
ogimage.gallery
Review & shipCreate PRCreate PR

Turn approved tweaks into a pull request when your workspace is connected. Enterprise only.

Review & shipCSSSelectorPromptCopy anything

Copy the CSS, the selector, or a paste-ready prompt from any reply.

Review & shipUndo anything

Every reply carries an undo. Reset all changes clears the whole page in one go.

Review & shipCapture

Download a clean screenshot of the page. No widget in frame, just the result.

Review & shipCapture + diff

Shoot the page before and after your edits, kept as one reply. Hover the preview to flip between them.

BeforeAfter
Tiny magicMountain mode

Long-press the theme icon

Voila takes a tiny vacation to Mac OS X

Recipes

Common moves.

Chain the basics into everyday flows.

Select a nested buttonEHold ⌘click the button
Edit several cards at onceE click each cardask for the change
Preview before and aftermake editstoggle Show tweaks
Review before shippingopen the diffreview changescreate a task or PR

Try them live.

Install Voila and press E on any page.