MCP Design System Extractor

MIT License

Overview InspectNew Schema Related Servers Reviews Score

get_component_dependencies

Identify internal dependencies of a UI component by analyzing its rendered HTML, detecting React components, web components, and CSS class patterns. Simplify design system adoption and refactoring.

Instructions

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

Input Schema

Name	Required	Description	Default
`componentId`	Yes	The story ID of the component (e.g., "example-button--primary")

Input Schema (JSON Schema)

{
  "properties": {
    "componentId": {
      "description": "The story ID of the component (e.g., \"example-button--primary\")",
      "type": "string"
    }
  },
  "required": [
    "componentId"
  ],
  "type": "object"
}

Install Server

HTTP connection URL

Other Tools from MCP Design System Extractor

Related Tools

generate_ui_flow
@umshere/uiflowchartcreator
get_component_by_purpose
@freema/mcp-design-system-extractor
analyze-dependencies
@0xjcf/MCP_CodeAnalysis
21st_magic_component_inspiration
@21st-dev/magic-mcp
list_components
@freema/mcp-design-system-extractor
get_dependencies
@wrale/mcp-server-tree-sitter

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