Skip to main content

Command reference

Open the Command Palette with Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux), then search for AVstudio or the command title. The extension's icon prefix is omitted below.

See Keyboard shortcuts for canvas editing, saving, and Live Preview shortcuts on macOS and Windows/Linux.

The table lists the commands registered in the 27.0.29 extension manifest, including the status-menu command. “Available” means the command is contributed; it may still need a project, an active page, or account access.

Palette titleCommand IDStatus
Create new AVstudio projectavstudio-editor.createProjectAvailable
Generate AVStudio skillavstudio-editor.generateAgentSkillAvailable
Generate project READMEavstudio-editor.generateProjectReadmeAvailable; asks before overwriting
Create env fileavstudio-editor.createEnvFileAvailable
Select active env fileavstudio-editor.selectEnvAvailable; workspace selection
Set Live Preview log levelavstudio-editor.selectLogLevelAvailable
Add containeravstudio-editor.createContainerAvailable
Create new connectoravstudio-editor.createConnectorAvailable
Add themeavstudio-editor.createThemeAvailable
Add pageavstudio-editor.createPageAvailable
Add datasourceavstudio-editor.createDatasourceAvailable
Add local data JSONavstudio-editor.createDatasourceLocalDataFileAvailable
Add functionavstudio-editor.createFunctionAvailable
Add variableavstudio-editor.addVariableAvailable
Create new WebSocket connectoravstudio-editor.createConnector.websocketAvailable
Create new Web connectoravstudio-editor.createConnector.webAvailable
Create new MQTT connectoravstudio-editor.createConnector.mqttAvailable
Create new Crestron connectoravstudio-editor.createConnector.crestronAvailable
Create new AMX connectoravstudio-editor.createConnector.amxAvailable
Create new KNX connectoravstudio-editor.createConnector.knxAvailable
Create new DoorBird connectoravstudio-editor.createConnector.doorbirdAvailable
Open page parametersavstudio-editor.openPageParametersAvailable
Open variablesavstudio-editor.openVariablesAvailable
Open Icon Library Exploreravstudio-editor.openIconExplorerAvailable
Open Live Preview (Browser)avstudio-editor.openLiveAvailable
Set as start pageavstudio-editor.setStartPageAvailable
Select editor window sizeavstudio-editor.selectEditorSizeAvailable
Rotate editor deviceavstudio-editor.rotateEditorDeviceAvailable
Run Project Health Checkavstudio-editor.runHealthCheckAvailable
Generate project fileavstudio-editor.generateProjectFileAvailable
Generate missing project filesavstudio-editor.generateMissingProjectFilesAvailable
Setup AVstudio MCP serveravstudio-editor.setupMcpServerAvailable
Build projectavstudio-editor.buildProjectAvailable
Pick start pageavstudio-editor.pickStartPageAvailable; chooses from project pages
Set as project themeavstudio-editor.setProjectThemeAvailable; selected theme file
Pick project themeavstudio-editor.pickProjectThemeAvailable; chooses a project theme
Open project themeavstudio-editor.openProjectThemeAvailable; opens the active theme
AVstudio Profileavstudio-editor.openProfileAvailable
AVstudio MCPavstudio-editor.mcpStatusStatus-menu command; hidden from Command Palette
Restart AVstudio MCP serveravstudio-editor.restartMcpServerAvailable
Show AVstudio MCP logavstudio-editor.showMcpLogAvailable
Use visual editor as default for .page filesavstudio-editor.useVisualEditorAsDefaultAvailable; repairs editor and diff associations

JavaScript API snippets​

These 11 commands insert code into the active JavaScript editor; they do not execute it. They are also available from AVstudio API Functions in that editor’s context menu. See the runtime API.

Palette titleCommand ID
navigate - by URL pathavstudio-editor.insertSnippet.navigate
navigateToPage - by page nameavstudio-editor.insertSnippet.navigateToPage
publishAnalog - analog signalavstudio-editor.insertSnippet.publishAnalog
publishDigital - digital signalavstudio-editor.insertSnippet.publishDigital
publishSerial - serial signalavstudio-editor.insertSnippet.publishSerial
getInstantDigitalFb - digital feedbackavstudio-editor.insertSnippet.getInstantDigitalFb
getInstantAnalogFb - analog feedbackavstudio-editor.insertSnippet.getInstantAnalogFb
getInstantSerialFb - serial feedbackavstudio-editor.insertSnippet.getInstantSerialFb
getDatasource - datasource dataavstudio-editor.insertSnippet.getDatasource
getVariableByName - read variableavstudio-editor.insertSnippet.getVariableByName
setVariableByName - write variableavstudio-editor.insertSnippet.setVariableByName

Find and run a command​

  1. Open the workspace containing the AVstudio project.
  2. For page-specific commands, activate the intended .page editor first. For folder-specific creation, select the destination folder in Explorer.
  3. Open the Command Palette and type AVstudio followed by part of the title.
  4. Select the matching AVstudio command, then follow any name, type, or size prompts.
  5. Check the resulting editor, file, notification, or Problems entry to confirm the result.

VS Code Command Palette showing Open Live Preview above the active NG page

The Command Palette may also offer similarly named commands from other extensions. Choose the AVstudio result. Command IDs in the table identify the extension command; they are not shell commands to paste into a terminal.

Creation commands​

CommandRequired context and result
Create new AVstudio projectStarts the project creation flow in the intended workspace. Check the destination before creating a new project.
Add pageCreates a .page file in the project. Use its visual editor to add content and configure layout.
Add containerRequires an appropriate active page. Adds a layout container; it is not a separate filesystem folder.
Add themeCreates a theme definition. Review the active Theme in avstudio.config when applying it.
Add datasourceCreates the datasource definition; source selection, parsing/filtering, and element attachment are subsequent steps.
Add local data JSONCreates local data for a datasource. It does not replace the .datasource definition.
Add functionCreates JavaScript function source. Inspect the generated function name and implementation before attaching it.
Add variableAdds a project variable. Choose its type/default, then configure any feedback binding or actions.
Create new connectorOpens the connector-type picker; choose a supported type and then configure the created file.
Type-specific connector commandsStart creation for the named protocol. AMX creation is available; variable read/write is not yet implemented.

VS Code connector creation picker showing the available protocol types

The 27.0.29 connector catalog offers WebSocket, Web, MQTT, Crestron, AMX, KNX, and DoorBird. The older screenshot above shows 0.1.54. A registered command or existing schema is not a promise that every associated action form is complete; see protocol limitations.

Where a new file goes​

For file-based creation, Explorer context can determine the destination. Right-click a folder within the relevant entity tree and use its available creation command to target that folder. A selected file can provide its parent folder as context. The Command Palette or Quick Actions flow without a folder context uses the entity's root folder.

Verify the resulting path after creation, especially when the project contains nested page folders. See Project files and path conventions for reference formats. Do not assume that creating a connector, datasource, or function automatically attaches it to a control.

Open project editors​

Command or fileUse
Open variablesOpen the project-wide variables editor.
Open page parametersOpen parameters for the intended active page; these are separate from global variables.
Open Icon Library ExplorerInspect icon packs and available icons. Pack activation changes the project icon files.
AVstudio ProfileOpen the account/profile interface. Account access may be required.
Open global.slots in ExplorerEdit shared slot assignments and visibility.
Open avstudio.config in ExplorerEdit project settings, start page, theme, and archive configuration.
Open a .theme file in ExplorerEdit theme settings.

There is no separate Open Global Slots command contributed by this manifest. Use the actual file rather than searching for a command name that is not registered.

Preview and device controls​

CommandEffect and verification
Open Live Preview (Browser)Starts the preview workflow. Check its notification and Output → AVStudio Live Preview for the current URL.
Select editor window sizeWith an AVstudio editor active, choose a preset or custom size. Check the device dimensions above the canvas.
Rotate editor deviceRotate the emulated device orientation. Check the resulting layout at both orientations.
Set Live Preview log levelSelect development logging verbosity in workspace state. Does not change production logging in avstudio.config.
Set as start pageOperates on the intended page selected in Explorer. Verify the Start page setting in project configuration.

VS Code device-size picker showing the current preset and custom size option

Start AVS Live Preview in Run and Debug is a launch configuration, not an additional AVstudio palette command in the 53-command manifest. The canvas also exposes controls such as Rotate device. See Live Preview and debugging for startup, logging, and target-device checks.

Diagnostics and recovery​

CommandWhen to use itLimits
Run Project Health CheckAfter source edits, moves, merges, or an unexpected editor result. Inspect AVStudio diagnostics in Problems.Does not verify live hardware communication.
Generate project fileCommonly invoked through the matching diagnostic Quick Fix for one missing standard item.Needs the missing-item context; it is not a general custom-page recovery command.
Generate missing project filesRestore missing standard project structure.Preserves existing files; cannot reconstruct deleted custom content.

Resolve a broken reference by identifying the intended file or target. Generating an unrelated empty file with the missing name can hide a symptom without restoring the intended behaviour. Recover deleted custom pages or assets from source control or a backup.

AI setup and build commands​

CommandResultCheck before running
Generate AVStudio skillWrites the bundled guide, legacy-import, and custom-element skill families under .agents/skills/.Preserve local edits to generated guide files because regeneration can overwrite them.
Setup AVstudio MCP serverDisplays setup instructions and a prompt for configuring the assistant connection.A running server is separate from a successfully configured client.
Build projectGenerates the configured ZIP or CH5Z archive under AVstudio UI/build/.Save source changes and preserve any earlier release outside the build folder.

Build project command in the VS Code palette beside project output settings

For complete workflows, use AI assistance and MCP and Build and deployment. MCP's run_command accepts allowlisted commands; it is not unrestricted access to every VS Code command.

Context and effects​

  • Add container, Open page parameters, and device sizing commands need an appropriate active page/editor.
  • Set as start page operates on the intended page in Explorer or its editor-tab context menu. Theme tabs also offer Set as project theme.
  • Creation commands use Explorer folder context where applicable.
  • Generate project file is commonly invoked as a diagnostic Quick Fix for one missing item.
  • Generate missing project files restores standard missing items without overwriting existing files.
  • Generate AVStudio skill rewrites the generated guide; preserve custom edits first.
  • Build project replaces prior output in build/.

Open global.slots directly in Explorer for its Forms Editor. The manifest does not contribute a separate Open Global Slots palette entry in this release.

Troubleshooting command availability​

SymptomWhat to check
No AVstudio resultsConfirm the extension is installed/enabled and the intended workspace is open.
A page-specific command has no useful targetActivate the intended AVstudio .page tab rather than a settings, Markdown, or action-form tab.
Creation goes to an unexpected folderCheck Explorer context and the resulting file path; palette creation without folder context uses the entity root.
A command is registered but disabledCheck its project/page context and the installed extension version.
No obvious change after executionLook for a prompt, opened editor, notification, Output entry, or Problems diagnostic before repeating the command.
Preview opens an unexpected initial pageCheck the project's configured Start page; the selected editor tab and startup configuration have different roles.
Missing-file generation does not restore a designIt restores standard structure, not deleted custom page contents.
Build completes but an older archive was expectedBuild output is replaced; retain releases outside build/.

This list was checked against the installed 27.0.29 manifest. Older command screenshots retain their original capture version. Not every contributed command was executed during this update.