
Project Setup Info Local
OfficialFreeStreamline your VS Code project initialization process.
Free · Opens the source repo
What Project Setup Info Local does
The Project Setup Info Local skill provides a comprehensive solution for developers looking to create complete project structures within a Visual Studio Code workspace. This tool is specifically designed for initializing new projects from scratch, whether they are TypeScript applications, React apps, Node.js servers, or even VS Code extensions. By automating the setup process, it saves time and ensures that all necessary components, such as folder structures, configuration files, and boilerplate code, are correctly established.
When using this skill, developers can easily scaffold entire project frameworks. It supports various commands tailored for specific project types, such as creating a Next.js application or setting up a Vite project. Each command comes with a set of customizable arguments, allowing users to specify details like the programming language, package manager, and additional configurations. This flexibility makes it suitable for a wide range of development environments and project requirements.
The skill is particularly beneficial for developers who frequently start new projects or need to establish a consistent setup across multiple projects. It eliminates the manual steps typically involved in project initialization, reducing the likelihood of errors and ensuring that all necessary dependencies and configurations are in place from the outset. This is especially useful for teams that need to maintain a uniform project structure and development environment.
However, it is important to note that this tool is not intended for creating individual files or making modifications to existing projects. It focuses solely on project initialization, making it a specialized tool for those looking to set up new projects rather than manage or alter existing codebases.
When to use it
Use this tool when you need to create a new project from scratch or set up a complete development environment for frameworks like React, Next.js, or Node.js.
When not to use it
Avoid this tool if you are looking to create individual files, modify existing projects, or require simple code snippets.
What you can build with it
Setting Up a New React Project
Use this skill to quickly scaffold a new React application with all necessary configurations and dependencies.
Creating a VS Code Extension
Easily initialize a new VS Code extension project with the required boilerplate and setup using Yeoman.
Starting a Node.js Server Project
Set up a complete Node.js server project structure, including configuration files and initial code.
How to install Project Setup Info Local
View source1. Install with the skills CLI
npx skills add microsoft/vscode/project-setup-info-local --agent claude-code2. Or install it manually
Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.
Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs
Inside SKILL.md
Written by microsoftHow to setup a project
Determine what kind of project the user wants to create, then based on that, choose which setup info below to follow. Only setup a project if the folder is empty or if you've just called the tool first calling the tool to create a workspace.
vscode-extension
A template for creating a VS Code extension using Yeoman and Generator-Code.
Run this command:
npx --package yo --package generator-code -- yo code . --skipOpen
The command has the following arguments:
-t, --extensionType: Specify extension type: ts, js, command-ts, command-js, colortheme, language, snippets, keymap, extensionpack, localization, commandweb, notebook. Defaults tots-n, --extensionDisplayName: Set the display name of the extension.--extensionId: Set the unique ID of the extension. Do not select this option if the user has not requested a unique ID.--extensionDescription: Provide a description for the extension.--pkgManager: Specify package manager: npm, yarn, or pnpm. Defaults tonpm.--bundler: Bundle the extension using webpack or esbuild.--gitInit: Initialize a Git repository for the extension.--snippetFolder: Specify the location of the snippet folder.--snippetLanguage: Set the language for snippets.
Rules
- Do not remove any arguments from the command. Only add arguments if the user requests them.
- Call the tool
get_vscode_apiwith the user's query to get the relevant references. - After the tool
get_vscode_apihas completed, only then begin to modify the project.
next-js
A React based framework for building server-rendered web applications.
Run this command:
npx create-next-app@latest .
The command has the following arguments:
--ts, --typescript: Initialize as a TypeScript project. This is the default.--js, --javascript: Initialize as a JavaScript project.--tailwind: Initialize with Tailwind CSS config. This is the default.--eslint: Initialize with ESLint config.--app: Initialize as an App Router project.--src-dir: Initialize inside a 'src/' directory.--turbopack: Enable Turbopack by default for development.--import-alias <prefix/*>: Specify import alias to use.(default is "@/*")--api: Initialize a headless API using the App Router.--empty: Initialize an empty project.--use-npm: Explicitly tell the CLI to bootstrap the application using npm.--use-pnpm: Explicitly tell the CLI to bootstrap the application using pnpm.--use-yarn: Explicitly tell the CLI to bootstrap the application using Yarn.--use-bun: Explicitly tell the CLI to bootstrap the application using Bun.
vite
A front end build tool for web applications that focuses on speed and performance. Can be used with React, Vue, Preact, Lit, Svelte, Solid, and Qwik.
Run this command:
npx create-vite@latest .
The command has the following arguments:
-t, --template NAME: Use a specific template. Available templates: vanilla-ts, vanilla, vue-ts, vue, react-ts, react, react-swc-ts, react-swc, preact-ts, preact, lit-ts, lit, svelte-ts, svelte, solid-ts, solid, qwik-ts, qwik
mcp-server
A Model Context Protocol (MCP) server project. This project supports multiple programming languages including TypeScript, JavaScript, Python, C#, Java, and Kotlin.
Rules
- First, visit https://github.com/modelcontextprotocol to find the correct SDK and setup instructions for the requested language. Default to TypeScript if no language is specified.
- Use the
fetch_webpagetool to find the correct implementation instructions from https://modelcontextprotocol.io/llms-full.txt - Update the copilot-instructions.md file in the .github directory to include references to the SDK documentation
- Create an
mcp.jsonfile in the.vscodefolder in the project root with the following content:{ "servers": { "mcp-server-name": { "type": "stdio", "command": "command-to-run", "args": [list-of-args] } } }.- mcp-server-name: The name of the MCP server. Create a unique name that reflects what this MCP server does.
- command-to-run: The command to run to start the MCP server. This is the command you would use to run the project you just created.
- list-of-args: The arguments to pass to the command. This is the list of arguments you would use to run the project you just created.
- Install any required VS Code extensions based on the chosen language (e.g., Python extension for Python projects).
- Inform the user that they can now debug this MCP server using VS Code.
python-script
A simple Python script project which should be chosen when just a single script wants to be created.
Required extensions: ms-python.python, ms-python.vscode-python-envs
Rules
- Call the tool
copilot_runVscodeCommandto correctly create a new Python script project in VS Code. Call the command with the following arguments. Note that "python-script" and "true" are constants while "New Project Name" and "/path/to/new/project" are placeholders for the project name and path respectively.{ "name": "python-envs.createNewProjectFromTemplate", "commandId": "python-envs.createNewProjectFromTemplate", "args": ["python-script", "true", "New Project Name", "/path/to/new/project"] }
python-package
A Python package project which can be used to create a distributable package.
Required extensions: ms-python.python, ms-python.vscode-python-envs
Rules
- Call the tool
run_vscode_commandto correctly create a new Python package project in VS Code. Call the command with the following arguments. Note that "python-package" and "true" are constants while "New Package Name" and "/path/to/new/project" are placeholders for the package name and path respectively.{ "name": "python-envs.createNewProjectFromTemplate", "commandId": "python-envs.createNewProjectFromTemplate", "args": ["python-package", "true", "New Package Name", "/path/to/new/project"] }
Frequently asked questions about Project Setup Info Local
Similar skills
Rhino 3D Scripting
Streamline your Rhinoceros 3D scripting tasks.
MVVM Toolkit
Streamline ViewModel development with source generators.
FreeCAD Scripts
Generate Python scripts for FreeCAD automation and modeling.
Azure Architecture Builder
Design and deploy Azure infrastructure using natural language.
Command Development
Streamline your command creation for Claude Code.
Create Cowork Plugin
Easily build and package plugins through guided sessions.
