AcademyServidores MCPDiseño y medios
Equipos de sistemas de diseño y frontend que quieren que un asistente lea su biblioteca de componentes.
claude mcp add design-system -e STORYBOOK_URL=https://my-storybook.example.com -e NODE_TLS_REJECT_UNAUTHORIZED=0 -- node /path/to/dist/index.jsSoftware de terceros. Al copiarlo, descargarlo o instalarlo aceptas el aviso legal de la Academy: eres responsable de revisar su código y sus permisos antes de usarlo.
Cargando el archivo...
Servidor MCP que se conecta a una instancia de Storybook y extrae los datos de cada componente. Devuelve el HTML, los estilos, las props, las dependencias, los tokens del tema y los metadatos. Usa Puppeteer con Chrome sin interfaz para renderizar los componentes que dependen de JavaScript.
Equipos de sistemas de diseño y frontend que quieren que un asistente lea su biblioteca de componentes. Servidor MCP que se conecta a una instancia de Storybook y extrae los datos de cada componente. Devuelve el HTML, los estilos, las props, las dependencias, los tokens del tema y los metadatos. Usa Puppeteer con Chrome sin interfaz para renderizar los componentes que dependen de JavaScript.
Ejecuta en tu terminal: claude mcp add design-system -e STORYBOOK_URL=https://my-storybook.example.com -e NODE_TLS_REJECT_UNAUTHORIZED=0 -- node /path/to/dist/index.js
Sí. El código está publicado en GitHub (freema/mcp-design-system-extractor) con licencia MIT.
Superó nuestro análisis automático de robo de credenciales, instrucciones ocultas y comandos de instalación peligrosos. Software de código abierto de terceros. Sabemos AI no lo mantiene. Revisa el código y los permisos antes de conectarlo a datos de la empresa.