Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Record code in 1 clickNew to Visual Studio Code? Get it now.
Record code in 1 click

Record code in 1 click

Price

|
2 installs
| (1) | Free
| Sponsor
Fully automate screen recording and screenshots with AI agents
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🎬 Record code in 1 click

Screen capture and video recording for AI agents — directly from VS Code

VS Code Version

One click. Smart recordings. Zero config needed. Local and private.


✨ Features

Feature Description
🎬 Record in 1 Click Start and stop screen recordings from the status bar
📸 Instant Screenshots Capture full screen, specific windows, or custom regions
🖱️ Graphical Area Selector Drag-to-select screen region overlay for recordings and screenshots
🪟 Window Picker Browse and select from all active windows and sub-windows
⏱️ Timer Recording Countdown timer before recording starts (3s, 5s, 10s, 30s, or custom)
🤖 AI-Powered Tools 5 MCP tools that Copilot Chat agents can invoke autonomously
🧠 Smart Key Frames Automatically extracts representative frames for AI analysis
😶‍🌫️ Full local, full private All processing is done locally, ensuring your screen never leaves your machine
⏱️ Process Triggers Auto-record when a specific process starts, stop when it exits
🎯 Event Triggers Auto-record on debug, tasks, tests, file save, or terminal events
📐 Stability Detection Auto-stop recording when screen becomes visually stable
🎞️ Multiple Formats Export as MP4, WebM, or GIF
⚡ Bundled FFmpeg No manual setup — FFmpeg is included automatically
💙 Sponsor-Gated AI Tools MCP tools only appear when verified via GitHub Sponsors

🚀 Quick Start

1.

Look for the Record code button in the status bar (bottom-right corner)

2.

Hover over it to see all available actions, or click it to toggle recording instantly

3.

Recordings are saved automatically to your workspace .recordings/ folder

You can also open any command from the Command Palette (Ctrl + Shift + P):

Command Description
📸 RecordCode: Take Screenshot Full-screen screenshot
📸 RecordCode: Take Screenshot (Select Area) Screenshot with area picker
🔴 RecordCode: Start Recording Full-screen recording
🔴 RecordCode: Start Recording (Select Area) Recording with area picker
⏱️ RecordCode: Start Recording with Timer Countdown then record
⏹️ RecordCode: Stop Recording Stop the active recording
⚙️ RecordCode: Settings Open settings quick menu

🖱️ Area Picker

When using Record Area or Screenshot Area, you can choose from four options:

Option Description
🖥️ Fullscreen Entire screen
🪟 VS Code Window Current VS Code window
🪟 Specific Window Browse a list of all active windows with their process name and dimensions
✏️ Select Region on Screen Graphical drag-to-select overlay with live preview and dimension indicator

The Specific Window picker lists every visible window on your system — title, process name, and size — so you just pick one from the list.

The Select Region option opens a fullscreen transparent overlay where you drag a rectangle. A cyan selection box and live dimensions label guide you as you draw.


🤖 MCP Tools for AI Agents

The extension provides 5 smart tools that Copilot Chat agents can use autonomously.

Note: MCP tools only appear when you have an active GitHub Sponsors subscription ($1/month minimum). They are dynamically registered and hidden otherwise.

Tool Reference Description
📸 Screenshot #screenshot Take a screenshot and return image data directly to the AI model
🔴 Start Recording #recordStart Begin screen recording with configurable options
⏹️ Stop Recording #recordStop Stop recording and extract key frames as images
ℹ️ Recording Status #recordStatus Query recording state, duration, and file size
⚙️ Settings #recordSettings Read and modify all extension settings, including triggers

AI tools can capture specific windows, regions, or the full screen — but cannot use the graphical drag-to-select overlay. The interactive region selector is exclusive to human users.


⌨️ Keyboard Shortcuts

Command Shortcut
Take Screenshot Ctrl + Shift + Alt + S
Start Recording Ctrl + Shift + Alt + R
Stop Recording Ctrl + Shift + Alt + X

🎯 Recording Triggers

Configure automatic recording based on VS Code events. Each start event has a matching stop event.

Start Events

🐛 Debug Session Start Auto-record when a debug session begins
📋 Task Execution Auto-record when a VS Code task starts
🧪 Test Run Auto-record when a test task starts (jest, mocha, vitest, pytest, etc.)
💾 File Save Auto-record when a file is saved
🖥️ Terminal Open Auto-record when a new terminal is opened

Stop Events

🐛 Debug Session End Auto-stop when the debug session ends
📋 Task End Auto-stop when a task finishes
🧪 Test End Auto-stop when a test task ends
💾 File Save Auto-stop when a file is saved
🖥️ Terminal Close Auto-stop when a terminal is closed

Other Triggers

🖥️ Process Trigger Start recording when a specific process appears — auto-stop when it exits
⏳ Delay Trigger Start recording after a configurable countdown
📐 Stability Auto-Stop Automatically stop recording when screen becomes visually stable

⚙️ Settings

Access settings from the status bar tooltip or the Command Palette. The settings menu includes a dedicated Trigger Events submenu with back-navigation.

Setting Default Options
Output Format MP4 MP4 · WebM · GIF
Frame Rate 15 fps 1 – 60 fps
Quality Medium Low · Medium · High
Output Folder Workspace .recordings/ Custom output path
Max Key Frames for AI 5 1 – 20 frames
Auto-Stop on Stability Off On / Off
Show Mouse Cursor Off On / Off
Autonomous Capture Off On / Off (Sponsor feature)

Trigger Events Settings

Start Event Default Stop Event Default
Debug Session Start Off Debug Session End On
Task Execution Off Task End On
Test Run Off Test End On
File Save Off File Save Stop Off
Terminal Open Off Terminal Close On
Filter Default
Task Name Filter * (all tasks)

💡 Tip: Access recording controls quickly by hovering over the status bar icon. All sub-menus include a back button for easy navigation.


📋 Requirements

Requirement Details
🟦 VS Code Version 1.99.0 or higher
🪟 Platform Windows (uses native screen capture)
🎞️ FFmpeg Bundled automatically — no manual setup needed

Made with 💙 by engineers


  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft