この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.