Project Setup Info Local Agent Skill

How 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 to ts
• -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 to npm.
• --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_api with the user's query to get the relevant references.
• After the tool get_vscode_api has 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_webpage tool 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.json file in the .vscode folder 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_runVscodeCommand to 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_command to 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"]
   }