MCP Design System Extractor

Install

Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/freema-mcp-design-system-extractor

About

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list, install config and code. Checked Oct 25, 2026.

Tools

8 read · 1 write · 0 delete

Secrets

None asked for

Install scripts

None found

Runs as

Node.js package

Tools (9)

Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].

• 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_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.

• 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.

• get_theme_info

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

• job_cancel

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

• job_list

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

• 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.

• 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.

• 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.

Signals

Stars

72

Forks

14

Open issues

0

Contributors

4

Last commit

Sep 19, 2026 (1 month ago)

Last release

Jul 27, 2026 (3 months ago)

From GitHub (fetched Oct 24, 2026).

Details

Registry name

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

Version

1.2.0

Auth

No auth

Packages

npm mcp-design-system-extractor

License

MIT

Repository

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

First seen

Oct 24, 2026

Last checked

Oct 24, 2026

Source

Official MCP Registrygithub-graphql