mcp-design-system-extractor and design-critique-mcp

mcp-design-system-extractor
60
Established
design-critique-mcp
40
Emerging
Maintenance 10/25
Adoption 8/25
Maturity 24/25
Community 18/25
Maintenance 10/25
Adoption 3/25
Maturity 15/25
Community 12/25
Stars: 56
Forks: 13
Downloads: —
Commits (30d): 0
Language: TypeScript
License: MIT
Stars: 4
Forks: 1
Downloads: —
Commits (30d): 0
Language: TypeScript
License: MIT
No risk flags
No Package No Dependents

About mcp-design-system-extractor

freema/mcp-design-system-extractor

MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.

This tool helps frontend developers, UI/UX designers, and anyone building web interfaces to deeply understand and work with existing design systems. It connects to your Storybook instance, extracts rendered component HTML, analyzes styles like colors and typography, and identifies component dependencies. The output provides structured information about your design system, making it easier to adopt existing components, refactor parts of your UI, or migrate designs across frameworks.

frontend-development design-system-management UI-component-analysis web-design code-refactoring

About design-critique-mcp

haasonsaas/design-critique-mcp

MCP server for comprehensive visual design analysis - composition, color harmony, typography, and accessibility compliance

Related comparisons

mcp-design-system-extractor and shadcn-ui-mcp-server

Scores updated daily from GitHub, PyPI, and npm data. How scores work