DESY MCP Server
Click on "Deploy 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., "@DESY MCP Serverget the HTML code for the button component"
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.
DESY MCP Server
Servidor MCP para el Sistema de Diseño del Gobierno de Aragón
Este servidor MCP proporciona acceso programático a la documentación de DESY, permitiendo a los asistentes de IA obtener código de componentes, guías de estilo y patrones.
URL de producción: https://desy-mcp.replit.app
Servidor MCP de DESY
El servidor MCP de DESY proporciona acceso programático a la documentación del Sistema de Diseño del Gobierno de Aragón, incluyendo:
Componentes: Botones, formularios, modales, tablas, etc.
Patrones: Patrones de UI para casos de uso comunes
Estilos: Colores, tipografía, espaciado, retícula
Código: Implementaciones en HTML, Nunjucks y Angular
Herramientas disponibles
Herramienta | Descripción |
| Obtiene el código HTML de un componente |
| Obtiene el código Nunjucks de un componente |
| Obtiene el código Angular de un componente |
| Obtiene los parámetros configurables de un componente |
| Busca componentes por nombre o descripción |
| Obtiene guías de estilo y documentación |
| Lista todas las categorías y componentes |
Related MCP server: WordPress Design System MCP Server
Instalación en clientes MCP
Cursor
Añadir a ~/.cursor/mcp.json o .cursor/mcp.json (proyecto-específico):
{
"mcpServers": {
"DESY MCP Server": {
"url": "https://desy-mcp.replit.app"
}
}
}VS Code
Añadir al settings.json de VS Code:
{
"mcp": {
"servers": {
"DESY MCP Server": {
"type": "http",
"url": "https://desy-mcp.replit.app"
}
}
}
}Claude Desktop / Claude.ai
Ir a Settings → Connectors → Add Custom Connector
Rellenar:
Name:
DESY MCP ServerURL:
https://desy-mcp.replit.app
Claude Code
Ejecutar en terminal:
claude mcp add --transport http "DESY-MCP-Server" https://desy-mcp.replit.appWindsurf
{
"mcpServers": {
"DESY MCP Server": {
"serverUrl": "https://desy-mcp.replit.app"
}
}
}Desarrollo
Requisitos
Node.js 20+
npm
Instalación y ejecución
# Instalar dependencias
npm install
# Ejecutar servidor MCP
npm startEl servidor HTTP se ejecuta en el puerto 5000 y proporciona:
Página de instrucciones en
/Endpoint MCP en
/mcp
Licencia
MIT
Atribución
Este proyecto está basado en install-this-mcp de Jan Wilmake.
El Sistema de Diseño DESY es desarrollado por el Gobierno de Aragón.
This server cannot be deployed
Maintenance
Related MCP Connectors
Serves your design system and coding standards to coding agents, so they stop guessing.
Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.
Access and maintain design system docs, tokens, components, skills, and contexts across any project.
Design system contracts, docs search, and usage validation for @digitaltableteur components.
Related MCP Servers
- AlicenseAqualityCmaintenanceProvides AI coding assistants with on-demand access to component specs, test scenarios, accessibility requirements, and build guides from the Web UI Component Specification.10MIT
- FlicenseNot gradedqualityFmaintenanceProvides AI assistants with access to WordPress Design System component information and design guidance.9-
- FlicenseNot gradedqualityDmaintenanceProvides AI agents with access to the European Commission's Component Library documentation and code examples, enabling full-text search and recipe retrieval.-
- AlicenseNot gradedqualityCmaintenanceProvides AI agents with component documentation, usage examples, and design tokens from the WordPress Design System, enabling them to follow the latest design system guidance for creating user interfaces.97 npmGPL 2.0