Agent skill
VS Code Environment Skill
Optimal workspace setup for productivity.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/vscode-environment-fabioc-aloha-youtube-mcp-vscode
SKILL.md
VS Code Environment Skill
Optimal workspace setup for productivity.
Essential Extensions
| Category | Extensions |
|---|---|
| AI | GitHub Copilot, Copilot Chat |
| Git | GitLens, Git Graph |
| Markdown | Markdown All in One, markdownlint |
| Format | Prettier, EditorConfig |
| Diagrams | Mermaid Preview, Draw.io |
Workspace Settings
{
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.rulers": [80, 120],
"files.trimTrailingWhitespace": true,
"files.insertFinalNewline": true,
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": true
}
extensions.json
{
"recommendations": [
"github.copilot",
"github.copilot-chat",
"eamodio.gitlens",
"esbenp.prettier-vscode",
"davidanson.vscode-markdownlint"
]
}
launch.json Patterns
| Type | Use |
|---|---|
| Node.js | "type": "node" |
| TypeScript | "type": "node", "preLaunchTask": "tsc" |
| Extension | "type": "extensionHost" |
| Python | "type": "debugpy" |
tasks.json Patterns
{
"version": "2.0.0",
"tasks": [
{
"label": "build",
"type": "npm",
"script": "compile",
"problemMatcher": "$tsc"
}
]
}
Workspace Structure
.vscode/
├── settings.json # Workspace settings
├── extensions.json # Recommended extensions
├── launch.json # Debug configs
├── tasks.json # Build tasks
└── *.code-snippets # Custom snippets
Multi-Root Workspaces
{
"folders": [
{ "path": "frontend" },
{ "path": "backend" }
],
"settings": {}
}
Per-Language Settings
{
"[markdown]": {
"editor.wordWrap": "on",
"editor.quickSuggestions": false
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
Synapses
See synapses.json for connections.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?