Skip to content
LangChain

mcp design system extractor for LangChain

io.github.freema/mcp-design-system-extractor

MCP server for Storybook design systems — extract component HTML, styles and metadata.

client:LangChain transport:stdio runtime:npm

Install mcp design system extractor in LangChain

pip install langchain-mcp-adapters

from langchain_mcp_adapters.client import MultiServerMCPClient

client = MultiServerMCPClient({
        "mcp-design-system-extractor": {
            "transport": "stdio",
            "command": "npx",
            "args": ["-y", "mcp-design-system-extractor"],
        }
})

tools = await client.get_tools()

get_tools() returns the server's tools as LangChain tools, ready for an agent. LangChain docs

mcp design system extractor in other clients