Commands & shortcuts

All Snapds commands are available from the Command Palette (Cmd/Ctrl+Shift+P). Type “Snapds” to filter.

Commands

Command	Command ID	Where
Snapds: Quick Component Search	`snapds.quickSearch`	Command Palette · `⌃⌥⌘K` (macOS) · `Ctrl+Shift+Alt+K` (Win/Linux)
Snapds: Open Settings	`snapds.openSettings`	Command Palette · ⚙️ gear in the Components view title
Snapds: Open Props Panel	`snapds.openPropsPanel`	Command Palette · opens automatically when you select a component
Snapds: Generate Skills	`snapds.generateSkills`	Command Palette · prompts for agent(s) + destination
Snapds: Regenerate All Skills	`snapds.regenerateSkills`	Command Palette · uses your saved skills config
Snapds: Reindex Packages	`snapds.reindex`	Command Palette · re-runs background indexing without clearing the cache
Snapds: Clear Introspection Cache	`snapds.clearCache`	Command Palette · clears all cached results and forces a full re-parse

snapds.quickSearch is the only command with a default keybinding: ⌃⌥⌘K on macOS and Ctrl+Shift+Alt+K on Windows / Linux. All other Snapds commands ship without a default binding so they never clash with your existing shortcuts. Reassign any command via Preferences: Open Keyboard Shortcuts.

Quick Component Search

snapds.quickSearch opens a native VS Code Quick Pick populated with every component Snapds has indexed. Start typing a component name — results filter instantly — then press Enter or click to inject the JSX snippet and its import at the cursor, exactly as if you had dragged it from the gallery.

Platform	Default shortcut
macOS	`⌃⌥⌘K`
Windows / Linux	`Ctrl+Shift+Alt+K`

The shortcut fires only in React files (editorLangId == typescriptreact or javascriptreact) so it won’t interfere with other editors.

To reassign it, open Preferences: Open Keyboard Shortcuts (JSON) and add:


[
  {
    "key": "ctrl+alt+cmd+k",         // macOS — your preferred combo
    "win": "ctrl+shift+alt+k",      // Windows / Linux — your preferred combo
    "command": "snapds.quickSearch",
    "when": "editorTextFocus && (editorLangId == typescriptreact || editorLangId == javascriptreact)"
  }
]

Assigning any other keybinding

To bind a command — for example, opening Settings with Cmd/Ctrl+Alt+S:


// keybindings.json
[
  {
    "key": "cmd+alt+s",
    "command": "snapds.openSettings"
  }
]

Views

Snapds contributes a dedicated Activity Bar container:

Snapds container (Activity Bar) → Components view (snapds.gallery), a native webview that hosts the searchable gallery. The ⚙️ gear in its title bar runs snapds.openSettings.

Activation

The extension activates lazily, so it costs nothing until you need it. It wakes up on any of:

onStartupFinished — after VS Code finishes starting.
onView:snapds.gallery — when you open the Components view.
onLanguage:javascriptreact / onLanguage:typescriptreact — when you open a React file (so drag & drop is ready).