Skip to main content

GitHub Copilot

Copilot (in VS Code and the coding agent) supports custom instructions and MCP servers.

1. Add custom instructions​

Create .github/copilot-instructions.md in your repo and paste the body of the Bryntum SKILL.md. Copilot applies this file automatically across chat and the coding agent.

Keep it focused — the most valuable rules to include:

  • Bryntum 7+ uses plain CSS (no SASS); structural {product}.css before the theme; FontAwesome imports required.
  • Trial packages via the npm alias pattern, exact versions.
  • Framework wrapper patterns.
  • The backend / CrudManager rules.

2. Connect the MCP server​

In VS Code, add to .vscode/mcp.json:

{
  "servers": {
    "bryntum": {
      "type": "http",
      "url": "https://mcp.bryntum.com"
    }
  }
}

Then enable the server from the MCP view and confirm the search_bryntum_docs tool appears in the Copilot Chat tools list.

3. Prompt​

Add a Bryntum Calendar to this Vue 3 app with the trial package 7.2.0. Check the current config with the Bryntum MCP server before writing code.

Checklist​

  • .github/copilot-instructions.md contains the Bryntum rules
  • .vscode/mcp.json points at https://mcp.bryntum.com
  • The Bryntum docs tool is available in Copilot Chat