bunge-ds-mcp
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@bunge-ds-mcpshow me the Button component details"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
bunge-ds-mcp
Servidor MCP (Model Context Protocol) que expõe o catálogo de componentes do Design System @bunge/ds-components. Permite que assistentes de IA listem, busquem e obtenham detalhes completos dos componentes — incluindo inputs, outputs, exemplos de uso e instruções de import.
O servidor se comunica via stdio (não expõe porta HTTP). A comunicação acontece pelo próprio processo, integrado diretamente ao cliente MCP (ex: VS Code Copilot).
Tools
Tool | Descrição |
| Lista todos os componentes disponíveis, com filtro opcional por categoria ( |
| Retorna detalhes completos de um componente por ID (inputs, outputs, uso, import) |
| Busca componentes por nome, descrição ou tags |
| Retorna exemplos de uso e instruções de import de um componente |
Como iniciar
Pré-requisitos
Node.js 18+
npm 9+
Instalação e build
npm install
npm run buildExecutar localmente
npm startO servidor inicia via stdio — não há porta HTTP. Ele é consumido por clientes MCP que se conectam ao processo diretamente.
Configuração no cliente MCP (ex: VS Code)
{
"mcpServers": {
"bunge-ds-mcp": {
"command": "npx",
"args": ["bunge-ds-mcp"]
}
}
}Ou apontando para o build local:
{
"mcpServers": {
"bunge-ds-mcp": {
"command": "node",
"args": ["dist/index.js"]
}
}
}Scripts do package.json
Script | Comando | Descrição |
|
| Compila o TypeScript para JavaScript na pasta |
|
| Inicia o servidor MCP (requer build prévio) |
|
| Compila em modo watch — recompila automaticamente a cada alteração |
|
| Compila e abre o MCP Inspector para testar as tools interativamente |
|
| Executa os testes unitários uma vez |
|
| Executa os testes em modo watch |
|
| Sobe o Verdaccio (registry npm privado) na porta 4873 |
|
| Para e remove o container do Verdaccio |
|
| Faz login no registry privado local (Verdaccio) |
|
| Incrementa a versão (patch) e publica no registry privado local |
Infraestrutura local (Docker)
O docker-compose.yaml sobe um Verdaccio — registry npm privado — na porta 4873 (http://localhost:4873). Usado para simular publicação do pacote sem enviar ao npm público.
npm run docker:infra:up # sobe o Verdaccio
npm run registry:login:private # autentica no registry local
npm run release:private # publica o pacote localmenteEstrutura do projeto
src/
├── index.ts # Entrada: cria o McpServer e conecta ao transport
├── tools/ # Registro das tools (uma por arquivo)
│ ├── index.ts # Barrel — registra todas as tools
│ ├── list-components.ts
│ ├── get-component.ts
│ ├── search-components.ts
│ └── get-component-usage.ts
├── data/
│ └── components.ts # Catálogo de componentes do DS
├── models/
│ └── mcp-server.model.ts # Interfaces e tipos
└── tests/
├── data.spec.ts
└── tools.spec.tsResources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/tabaldi98/mvp-for-ds-components-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server