Skip to main content
Glama
freema

MCP Design System Extractor

Server Configuration

Describes the environment variables required to run the server.

NameRequiredDescriptionDefault
STORYBOOK_URLNoThe URL of the Storybook instance to connect tohttp://localhost:6006

Capabilities

Features and capabilities supported by this server

CapabilityDetails
tools
{}
resources
{}

Tools

Functions exposed to the LLM to take actions

NameDescription
list_components

List all UI components available in your design system/Storybook. Returns components like modals, dialogs, buttons, forms, cards, etc. with their names, categories, and variant count. Use this to explore what components are available for building UI features. Use category="all" or omit category parameter to list all components. Supports pagination to handle large component libraries.

get_component_html

Extract HTML from a component. Default is async (returns job_id, poll with job_status). Set async=false for sync mode. Use variantsOnly=true to get variant list.

search_components

Search design system components by name, title, category, or purpose. Find UI components like modals, dialogs, buttons, forms, cards, etc. Supports text search (query) and semantic search by purpose. Available purposes: "form inputs", "navigation", "feedback", "data display", "layout", "buttons", "progress", "media". Supports pagination for large result sets.

get_component_dependencies

Analyze rendered HTML to find which other components a given component internally uses by detecting React components, web components, and CSS class patterns

get_theme_info

Get design system theme information (colors, spacing, typography, breakpoints)

get_external_css

Extract design tokens from CSS files. DEFAULT BEHAVIOR: Returns ONLY tokens and file statistics (small response ~1-3K tokens). Does NOT return CSS content by default to avoid token limits. For full CSS content, explicitly set includeFullCSS=true and maxContentSize. Perfect for analyzing design system tokens without hitting response size limits.

job_status

Check the status of an async job. Returns status, progress, and result when completed. Poll this endpoint to get results from get_component_html.

job_cancel

Cancel a queued or running job. Returns whether the cancellation was successful.

job_listA

List all jobs with their status. Shows what each job is processing and whether it is still running.

Prompts

Interactive templates invoked by user choice

NameDescription

No prompts

Resources

Contextual data attached and managed by the client

NameDescription

No resources

Latest Blog Posts

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/freema/mcp-design-system-extractor'

If you have feedback or need assistance with the MCP directory API, please join our Discord server