MCPs tagged with Component Analysis
-
MCP Design System Extractor
Extract component metadata from Storybook design systems for AI model context.
MCP Design System Extractor serves as a Model Context Protocol server that connects to Storybook instances to extract detailed information about UI components. It retrieves rendered HTML, styles, metadata, props, and dependencies from Storybook design systems. The tool leverages Puppeteer and Chrome/Chromium to provide dynamic JavaScript rendering of components and offers multiple tools to analyze and search components, props, themes, and layouts.
- ⭐ 33
- MCP
- freema/mcp-design-system-extractor
-
react-analyzer-mcp
Analyze and generate documentation for React components with Model Context Protocol integration.
react-analyzer-mcp analyzes React component source files (JSX/TSX) to extract information about components and their props. It features tools for analyzing individual components or entire project folders and can generate structured documentation automatically. The tool is designed to operate as an MCP (Model Context Protocol) server and integrates with AI assistants like Claude to provide real-time, context-aware analysis. Installation and usage workflows are streamlined for project integration, supporting both CLI and conversational interfaces.
- ⭐ 51
- MCP
- azer/react-analyzer-mcp