Skip to content
alyn
badlogic

Vscode skill

VS Code integration for viewing diffs and comparing files. Use when showing file differences to the user.

$npx skills add badlogic/pi-skills --skill vscode
View this skill on GitHubbadlogic/pi-skills/vscode/SKILL.md
Pack stars
2,655
Pack installs
4.2k
Alyn Score
46/99
Updated
5 months ago
License
MIT
– views – installs via Alyn

badlogic

Vscode

Install Vscode

Pick your agent. Every command is ready to paste.

$npx skills add badlogic/pi-skills --skill vscode

The open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.

01

Install it

Run the command above, or upload the folder in Claude.

02

Ask naturally

Describe the task. Your agent loads vscode when the request matches its description.

03

Name it if needed

If it does not trigger, say “use the vscode skill”. In Codex, type $vscode.

The skill itself

SKILL.md

FolderGitHub

VS Code CLI Tools

Tools for integrating with VS Code, primarily for viewing diffs.

Requirements

VS Code must be installed with the code CLI available in PATH.

Opening a Diff

Compare two files side by side in VS Code:

code -d <file1> <file2>

Git Diffs in VS Code

Simple Approach (no config needed)

Extract the old version to a temp file, then diff:

# Compare with previous commit
git show HEAD~1:path/to/file > /tmp/old && code -d /tmp/old path/to/file

# Compare with specific commit
git show abc123:path/to/file > /tmp/old && code -d /tmp/old path/to/file

# Compare staged version with working tree
git show :path/to/file > /tmp/staged && code -d /tmp/staged path/to/file

Gotchas

  • File must exist and have changes between the compared revisions
  • Use git log --oneline -5 -- path/to/file to verify file has history before diffing

When to Use

  • Showing the user what changed in a file
  • Comparing two versions of code
  • Reviewing git changes visually

Tips for Vscode

  • • Start a fresh session after installing so your agent picks up the new skill.
  • • It is part of a pack with 8 skills. Install only the ones you need with --skill to keep triggers precise.
  • • If two skills overlap, mention the one you want by name.

Questions about Vscode

What does the Vscode skill do?

VS Code integration for viewing diffs and comparing files. Use when showing file differences to the user.

How do I install Vscode?

Run "npx skills add badlogic/pi-skills --skill vscode" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.

Does Vscode work in Cursor and Codex?

Yes. Vscode uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.

Is Vscode free?

Vscode is open source on GitHub under the MIT license. It is free to install; check the license before commercial use.

Who made Vscode?

Vscode is published by badlogic in the badlogic/pi-skills repository, together with 7 other skills.

Similar skills. From other creators.