Skip to content
| Marketplace
Sign in
Visual Studio Code>Debuggers>CX Hook StudioNew to Visual Studio Code? Get it now.
CX Hook Studio

CX Hook Studio

fabioc-aloha

|
151 installs
| (0) | Free
Validate and inspect VS Code Copilot hook configuration files, including the current multi-file hooks layout
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hook Studio

Hook Studio Banner

Validate and inspect VS Code Copilot hook configuration files, including the current multi-file hooks layout.

VS Code Copilot Hooks Publisher


Why Hook Studio?

Hook Studio helps you inspect and draft hook configurations inside VS Code. It provides static validation for the current .github/hooks/*.json layout and keeps compatibility with the legacy .github/hooks.json file.

Features

Feature Description
Rule Builder Edit hooks.json with syntax highlighting, validation, and save
Workspace validation Check current and legacy hook files for JSON, event, action type, and command issues
Legacy migration Copy a legacy hook document into a reviewable .github/hooks/migrated.json file without changing the original
Recipe starters Create reviewed starter files for formatting, testing, or audit workflows
Static dry run Inspect commands and OS overrides for one lifecycle event without executing hooks
Rule Builder Edit a hook JSON document with syntax validation and save
Activity output Review Hook Studio editor and file-watch activity; VS Code does not expose hook execution telemetry to extensions
File Watch Detect changes in .github/hooks/*.json and legacy .github/hooks.json
Right-click menus Right-click any hooks.json in Explorer or Editor to access all commands directly

Requirements

  • VS Code 1.109 or later
  • A workspace with .github/hooks/*.json or legacy .github/hooks.json

Usage

  1. Open the Command Palette (Ctrl+Shift+P)
  2. Run Hook Studio: Open — or right-click any hooks.json file and select from the context menu
  3. Run Hook Studio: Validate Workspace Hooks to check lifecycle event names and command actions
  4. Use the Rule Builder tab to edit hook JSON
  5. Click Validate to check JSON syntax before saving

Migration and Recipes

  • Migrate Legacy hooks.json creates .github/hooks/migrated.json and leaves the legacy file untouched. Review and validate the new file before removing the legacy configuration.
  • Create Hook Recipe writes an additive starter file under .github/hooks/. Review every generated command for your repository and operating system before relying on it.

hooks.json Format

{
  "hooks": {
    "PreToolUse": [
      {
        "type": "command",
        "command": "echo 'Before tool use'"
      }
    ]
  }
}

Commands

Command Where Description
Hook Studio: Open Palette · Right-click hooks.json Open the visual editor panel
Hook Studio: Static Dry Run Palette · Right-click hooks.json Inspect configured actions for one lifecycle event without executing them
Hook Studio: Open Legacy Workspace hooks.json Palette Load the legacy single-file workspace configuration
Hook Studio: Export hooks.json Palette · Right-click hooks.json Export to a custom path
Hook Studio: Open Execution Log Palette · Right-click hooks.json Show log view in Explorer sidebar
Hook Studio: Validate Workspace Hooks Palette · Right-click hooks.json Validate current and legacy workspace hook files
Hook Studio: Migrate Legacy hooks.json Palette · Right-click hooks.json Create a reviewable current-layout migration file
Hook Studio: Create Hook Recipe Palette Create an additive starter recipe under .github/hooks/

Extension Settings

No configuration required. Hook Studio auto-activates when a hook file exists in .github/hooks/.


Related Reading

From the extension author: Loop Engineering: A Better Way to Think, Create, and Work with AI explores controls, independent checks, and proportional autonomy for AI-assisted workflows.

🔷 CX Tools Suite

Explore more tools from the same suite:

Extension Description Marketplace
AI Voice Reader Read files, selections, or documents aloud with Web Speech API Install ↗
Brandfetch Logo Fetcher Fetch and insert brand logos from any domain — SVG, PNG, or Markdown Install ↗
Dev Wellbeing Posture, eye-strain, and hydration reminders for long coding sessions Install ↗
Focus Timer Pomodoro-style focus and break timer with status bar countdown Install ↗
Gamma Slide Assistant Create presentations with local Marp export or optional Gamma generation Install ↗
Hook Studio (this) Validate and inspect VS Code Copilot hook configurations Install ↗
Knowledge Decay Tracker Track staleness of documentation and flag overdue reviews Install ↗
Markdown to Word Convert Markdown + Mermaid diagrams to .docx via Pandoc Install ↗
MCP App Starter Scaffold Model Context Protocol servers in TypeScript, JavaScript, or Python Install ↗
Mermaid Diagram Pro Preview, export, and validate Mermaid diagrams in Markdown files Install ↗
PPTX Builder Generate PowerPoint presentations from Markdown using pptxgenjs Install ↗
Replicate Image Studio Generate images and videos with FLUX, SDXL, and WAN via Replicate API Install ↗
SecretGuard Scan workspaces and files for accidentally committed secrets and keys Install ↗
SVG to PNG Convert SVG files to PNG using resvg-js (Rust renderer, no ImageMagick) Install ↗
SVG Toolkit Preview, copy as data URI, and validate SVG files in-editor Install ↗
Workspace Watchdog Monitor file health, detect stalled work, and surface hot files Install ↗

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft