이 MCP로 할 수 있는 일
Searches and retrieves component design-system documentation and validates proposed JSX usage against component contracts.
도구
입력 스키마
{'type': 'object', '$schema': 'https://json-schema.org/draft/2020-12/schema', 'required': ['name'], 'properties': {'name': {'type': 'string', 'description': 'Component name, e.g. "Button"'}, 'section': {'enum': ['all', 'usage', 'props', 'examples', 'theming'], 'type': 'string', 'description': 'Narrow the payload; default "all"'}}}
출력 스키마
{'type': 'object', '$schema': 'https://json-schema.org/draft/2020-12/schema', 'required': ['name', 'group', 'status', 'import', 'description'], 'properties': {'name': {'type': 'string'}, 'dense': {'type': 'string'}, 'group': {'type': ['string', 'null']}, 'props': {'type': 'object', 'propertyNames': {'type': 'string'}, 'additionalProperties': {}}, 'usage': {'anyOf': [{'type': 'object', 'propertyNames': {'type': 'string'}, 'additionalProperties': {}}, {'type': 'null'}]}, 'import': {'type': 'string'}, 'status': {'type': 'string'}, 'tokens': {}, 'examples': {'type': 'array', 'items': {'type': 'object', 'required': ['story', 'description', 'source'], 'properties': {'story': {'type': 'string'}, 'source': {'type': 'string'}, 'description': {'type': ['string', 'null']}}, 'additionalProperties': False}}, 'description': {'type': 'string'}, 'forbiddenUse': {'type': 'array', 'items': {'type': 'string'}}}, 'additionalProperties': {}}
입력 스키마
{'type': 'object', '$schema': 'https://json-schema.org/draft/2020-12/schema', 'required': ['slug'], 'properties': {'slug': {'type': 'string', 'description': 'Case study URL slug from list_case_studies, e.g. "dsharp-design-system"'}}}
입력 스키마
{'type': 'object', '$schema': 'https://json-schema.org/draft/2020-12/schema', 'required': ['problem'], 'properties': {'problem': {'type': 'string', 'description': 'The visitor\'s problem statement, e.g. "our design system has drifted from the product"'}}}
입력 스키마
{'type': 'object', 'properties': {}}
입력 스키마
{'type': 'object', 'properties': {}}
입력 스키마
{'type': 'object', 'properties': {}}
입력 스키마
{'type': 'object', '$schema': 'https://json-schema.org/draft/2020-12/schema', 'properties': {'featuredOnly': {'type': 'boolean', 'description': 'Only return featured case studies (default false)'}}}
입력 스키마
{'type': 'object', 'properties': {}}
입력 스키마
{'type': 'object', 'properties': {}}
입력 스키마
{'type': 'object', 'properties': {}}
입력 스키마
{'type': 'object', '$schema': 'https://json-schema.org/draft/2020-12/schema', 'required': ['query'], 'properties': {'limit': {'type': 'integer', 'maximum': 20, 'minimum': 1, 'description': 'Max results, default 8'}, 'query': {'type': 'string', 'description': 'Component name, keyword, or UI intent (e.g. "toggle")'}}}
출력 스키마
{'type': 'object', '$schema': 'https://json-schema.org/draft/2020-12/schema', 'required': ['query', 'results'], 'properties': {'hint': {'type': 'string'}, 'query': {'type': 'string'}, 'results': {'type': 'array', 'items': {'type': 'object', 'required': ['score', 'name', 'group', 'status', 'description', 'import', 'hint'], 'properties': {'hint': {'type': 'string'}, 'name': {'type': 'string'}, 'group': {'type': ['string', 'null']}, 'score': {'type': 'number'}, 'import': {'type': 'string'}, 'status': {'type': 'string'}, 'description': {'type': 'string'}}, 'additionalProperties': {}}}}, 'additionalProperties': False}
입력 스키마
{'type': 'object', '$schema': 'https://json-schema.org/draft/2020-12/schema', 'properties': {'props': {'type': 'object', 'description': 'Props as a JSON object, checked when component is set', 'propertyNames': {'type': 'string'}, 'additionalProperties': {}}, 'snippet': {'type': 'string', 'maxLength': 20000, 'description': 'TSX source to check, at most 20000 characters'}, 'component': {'type': 'string', 'description': 'Component whose contract rules to check against props'}}}
출력 스키마
{'type': 'object', '$schema': 'https://json-schema.org/draft/2020-12/schema', 'required': ['file', 'component', 'violationCount', 'ok', 'findings', 'contractFindings', 'warningCount', 'fleetLint', 'note'], 'properties': {'ok': {'type': 'boolean'}, 'file': {'type': 'string'}, 'note': {'type': 'string'}, 'findings': {'type': 'array', 'items': {'type': 'object', 'required': ['file', 'line', 'rule', 'message', 'suggest', 'snippet'], 'properties': {'file': {'type': 'string'}, 'line': {'type': 'number'}, 'rule': {'type': 'string'}, 'message': {'type': 'string'}, 'snippet': {'type': 'string'}, 'suggest': {'type': 'string'}}, 'additionalProperties': False}}, 'component': {'type': ['string', 'null']}, 'fleetLint': {'type': 'string'}, 'warningCount': {'type': 'number'}, 'violationCount': {'type': 'number'}, 'contractFindings': {'type': 'array', 'items': {'type': 'object', 'required': ['component', 'line', 'rule', 'severity', 'props', 'message'], 'properties': {'line': {'type': ['number', 'null']}, 'rule': {'type': 'string'}, 'props': {'type': 'array', 'items': {'type': 'string'}}, 'message': {'type': 'string'}, 'severity': {'enum': ['error', 'warning'], 'type': 'string'}, 'component': {'type': 'string'}}, 'additionalProperties': False}}}, 'additionalProperties': False}
최근 도구 변경
유사한 MCP 서버
GripForge
Generates, rigs, animates, analyzes, and packages game characters, weapons, armor, effects, environments, and engine-ready assets.
spriteship
Generates and manages 2D game characters, assets, animations, tilesets, UI packs, maps, and engine-ready exports for multiple gam…
Blixtworks
Offers pay-per-call utilities for text, image processing and analysis, data conversion, validation, web inspection, cryptography,…
Compose Preview Catalogs
Browses, renders, compares, audits, and edits Jetpack Compose preview catalogs and associated UI designs.
arch-tools-mcp
Provides general-purpose agent APIs for browser automation, web and PDF extraction, data conversion, email operations, fact check…
kernelcad
Authors, evaluates, reviews, simulates, edits, and exports parametric CAD assemblies and geometry from editable TypeScript-based …
floot
Creates, edits, previews, databases, and publishes full-stack web and mobile applications with hosted resources and deployment wo…
Raven
Supports coding agents with design audits, design-system guidance, and a configurable visual preference profile.