From vscode
Manage VS Code multi-root workspaces including folder configuration, workspace settings, extension recommendations, and launch configurations.
npx claudepluginhub manifoldlogic/claude-code-plugins --plugin vscodeThis skill uses the workspace's default tool permissions.
Manage VS Code `.code-workspace` files for multi-root workspace configurations.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
Manage VS Code .code-workspace files for multi-root workspace configurations.
| Trigger | Use workspace-manager |
|---|---|
| User mentions ".code-workspace" files | Yes |
| User wants to add/remove workspace folders | Yes |
| User asks about workspace settings | Yes |
| User needs to configure workspace extensions | Yes |
| User needs launch/debug configurations | Yes |
| User asks about single-folder settings (.vscode/) | No - use standard file editing |
| User wants to modify user/global settings | No - workspace-specific only |
.code-workspace files.vscode/settings.jsonAdd a folder to the workspace's folders array:
{
"folders": [
{
"path": "../existing-folder"
},
{
"name": "Custom Name",
"path": "/absolute/path/to/folder"
}
]
}
Note: Paths can be relative to the workspace file or absolute.
Identify and remove the folder object from the folders array by matching the path property.
Set workspace-level settings in the settings object:
{
"settings": {
"editor.formatOnSave": true,
"typescript.tsdk": "node_modules/typescript/lib"
}
}
Note: Workspace settings override folder-level settings.
Add extensions to the extensions.recommendations array:
{
"extensions": {
"recommendations": [
"dbaeumer.vscode-eslint",
"esbenp.prettier-vscode"
]
}
}
Format: Publisher ID + extension name (e.g., publisher.extension-name)
Add debug configurations to the launch object:
{
"launch": {
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Debug App",
"program": "${workspaceFolder}/src/index.js"
}
]
}
}
Note: For complex launch configurations, reference the schema documentation for all available options.
A typical .code-workspace file contains:
{
"folders": [], // Required: array of folder objects
"settings": {}, // Optional: workspace settings
"extensions": {}, // Optional: extension recommendations
"launch": {}, // Optional: debug configurations
"tasks": {} // Optional: task configurations
}