このMCPでできること
Provides accessible React components, design tokens, installation instructions, documentation, and workflow kits.
機能
ツール
8
ツール
get_component
Get a Vlak component
The markdown docs page for a component (install paths, example, props tables, keyboard, accessibility), plus its props as JSON, the CSS-only snippet, the React example, its classes, and aliases. Pass the kebab-case name from list_components or search_components.
読み取り専用
冪等
入力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['name'], 'properties': {'name': {'type': 'string', 'description': 'Component name, e.g. "button" or "dropdown-menu"'}}}
出力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['name', 'title', 'description', 'category', 'aliases', 'cssOnly', 'docs', 'import', 'example', 'snippet', 'classes', 'usage', 'keyboard', 'a11y', 'registryDependencies', 'dependencies', 'styles', 'reactImport', 'props', 'page', 'registryItem'], 'properties': {'a11y': {'type': 'array', 'items': {'type': 'string'}}, 'docs': {'type': ['string', 'null']}, 'name': {'type': 'string'}, 'page': {'type': 'string'}, 'props': {'type': 'array', 'items': {'type': 'object', 'properties': {}, 'additionalProperties': {}}}, 'title': {'type': 'string'}, 'usage': {'anyOf': [{'type': 'object', 'required': ['use', 'avoid'], 'properties': {'use': {'type': 'array', 'items': {'type': 'string'}}, 'avoid': {'type': 'array', 'items': {'type': 'string'}}}, 'additionalProperties': False}, {'type': 'null'}]}, 'import': {'type': ['string', 'null']}, 'styles': {'type': 'array', 'items': {'type': 'string'}}, 'aliases': {'type': 'array', 'items': {'type': 'string'}}, 'classes': {'type': 'array', 'items': {'type': 'string'}}, 'cssOnly': {'type': 'boolean'}, 'example': {'type': ['string', 'null']}, 'snippet': {'type': ['string', 'null']}, 'category': {'type': 'string'}, 'keyboard': {'type': 'array', 'items': {'type': 'object', 'required': ['keys', 'does'], 'properties': {'does': {'type': 'string'}, 'keys': {'type': 'string'}}, 'additionalProperties': False}}, 'description': {'type': 'string'}, 'reactImport': {'type': 'string'}, 'dependencies': {'type': 'array', 'items': {'type': 'string'}}, 'registryItem': {'type': 'string'}, 'registryDependencies': {'type': 'array', 'items': {'type': 'string'}}}, 'additionalProperties': False}
get_guide
Get the Vlak guide
Read the general guide first for installation and conventions. Select ios or android for browser React components, exact exports and related interface studies; select ai-index for the AI component catalog and optional engine imports, ai for the runnable assistant and integration recipes, ai-parity for AI Elements functional coverage and differences, or agents for machine-readable surfaces and setup.
読み取り専用
冪等
入力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'properties': {'page': {'enum': ['guide', 'agents', 'ios', 'android', 'ai-index', 'ai', 'ai-parity'], 'type': 'string', 'description': 'Guide to read; defaults to guide'}}}
出力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['page', 'markdown'], 'properties': {'page': {'enum': ['guide', 'agents', 'ios', 'android', 'ai-index', 'ai', 'ai-parity'], 'type': 'string'}, 'markdown': {'type': 'string'}}, 'additionalProperties': False}
get_install
Get install commands
The three ways to install one component (npm package plus import line, Vlak CLI, shadcn CLI) and the CSS-only markup, with its registry dependencies.
読み取り専用
冪等
入力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['name'], 'properties': {'name': {'type': 'string', 'description': 'Component name'}}}
出力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['name', 'package', 'cli', 'shadcn', 'cssOnly', 'registryDependencies'], 'properties': {'cli': {'type': 'string'}, 'name': {'type': 'string'}, 'shadcn': {'type': 'string'}, 'cssOnly': {'type': 'object', 'required': ['stylesheet', 'markup'], 'properties': {'markup': {'type': 'string'}, 'stylesheet': {'type': 'string'}}, 'additionalProperties': False}, 'package': {'type': 'object', 'required': ['install', 'css', 'import'], 'properties': {'css': {'type': 'string'}, 'import': {'type': ['string', 'null']}, 'install': {'type': 'string'}}, 'additionalProperties': False}, 'registryDependencies': {'type': 'array', 'items': {'type': 'string'}}}, 'additionalProperties': False}
get_tokens
Get Vlak tokens
The design tokens page: every CSS custom property with its light and dark value and StyleX alias, plus the raw token groups (type scale, grid, radius, motion, breakpoints, control sizes).
読み取り専用
冪等
入力スキーマ
{'type': 'object', 'properties': {}}
出力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['page', 'markdown'], 'properties': {'page': {'type': 'string', 'const': 'tokens'}, 'markdown': {'type': 'string'}}, 'additionalProperties': False}
get_workflow
Get a Vlak workflow
Return one bundled workflow manifest and its source files. Authentication, authorization, storage, and deployment remain host responsibilities described by the manifest.
読み取り専用
冪等
入力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['id'], 'properties': {'id': {'type': 'string', 'description': 'Workflow ID, for example record-review'}}}
出力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['schemaVersion', 'manifest', 'files'], 'properties': {'files': {'type': 'object', 'propertyNames': {'type': 'string'}, 'additionalProperties': {'type': 'string'}}, 'manifest': {'type': 'object', 'properties': {}, 'additionalProperties': {}}, 'schemaVersion': {'type': 'number', 'const': 1}}, 'additionalProperties': False}
list_components
List Vlak components
Every component in the catalogue with name, title, description, category, and aliases. Filter by category: actions, forms, navigation, feedback, surfaces, content, icons, charts, patterns, ios, android, ai, health, civic, science, creative, engineering, geospatial, robotics, electronics, microbiology.
読み取り専用
冪等
入力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'properties': {'category': {'type': 'string', 'description': 'Only this category'}}}
出力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['version', 'count', 'components'], 'properties': {'count': {'type': 'number'}, 'version': {'type': 'string'}, 'components': {'type': 'array', 'items': {'type': 'object', 'required': ['name', 'title', 'description', 'category', 'aliases', 'cssOnly'], 'properties': {'name': {'type': 'string'}, 'title': {'type': 'string'}, 'aliases': {'type': 'array', 'items': {'type': 'string'}}, 'cssOnly': {'type': 'boolean'}, 'category': {'type': 'string'}, 'description': {'type': 'string'}}, 'additionalProperties': False}}}, 'additionalProperties': False}
list_workflows
List Vlak workflows
List bundled workflow kits and recipes. An optional query matches workflow ID, title, description, components, adapters, and states.
読み取り専用
冪等
入力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'properties': {'query': {'type': 'string', 'description': 'Optional workflow search'}}}
出力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['schemaVersion', 'count', 'workflows'], 'properties': {'count': {'type': 'number'}, 'workflows': {'type': 'array', 'items': {'type': 'object', 'properties': {}, 'additionalProperties': {}}}, 'schemaVersion': {'type': 'number', 'const': 1}}, 'additionalProperties': False}
search_components
Search Vlak components
Find components by name, title, description, alias (AI Elements, shadcn/ui, Radix, and common names such as PromptInput, Chain of thought, Sonner, Drawer, Combobox), or rs-* class. Spacing, punctuation and capitalization do not affect matching. Returns matches ranked by field.
読み取り専用
冪等
入力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['term'], 'properties': {'term': {'type': 'string', 'description': 'Search term, e.g. "menu", "snackbar", "rs-input"'}}}
出力スキーマ
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['term', 'hits'], 'properties': {'hits': {'type': 'array', 'items': {'type': 'object', 'required': ['name', 'title', 'description', 'category', 'aliases', 'cssOnly', 'matched'], 'properties': {'name': {'type': 'string'}, 'title': {'type': 'string'}, 'aliases': {'type': 'array', 'items': {'type': 'string'}}, 'cssOnly': {'type': 'boolean'}, 'matched': {'type': 'array', 'items': {'type': 'string'}}, 'category': {'type': 'string'}, 'description': {'type': 'string'}}, 'additionalProperties': False}}, 'term': {'type': 'string'}}, 'additionalProperties': False}
履歴
最近のツール変更
追加
get_guide
2026年9月17日12:45
追加
get_install
2026年9月17日12:45
追加
get_tokens
2026年9月17日12:45
追加
search_components
2026年9月17日12:45
追加
get_component
2026年9月17日12:45
追加
list_components
2026年9月17日12:45
追加
get_workflow
2026年9月17日12:45
追加
list_workflows
2026年9月17日12:45
関連MCP
類似のMCPサーバー
GripForge
io.github.gripforgeai/mcp
Generates, rigs, animates, analyzes, and packages game characters, weapons, armor, effects, environments, and engine-ready assets.
spriteship
com.spriteship/spriteship
Generates and manages 2D game characters, assets, animations, tilesets, UI packs, maps, and engine-ready exports for multiple gam…
Blixtworks
com.blixtworks.www/tools
Offers pay-per-call utilities for text, image processing and analysis, data conversion, validation, web inspection, cryptography,…
Compose Preview Catalogs
io.github.yschimke/compose-preview
Browses, renders, compares, audits, and edits Jetpack Compose preview catalogs and associated UI designs.
arch-tools-mcp
io.github.Deesmo/arch-tools-mcp
Provides general-purpose agent APIs for browser automation, web and PDF extraction, data conversion, email operations, fact check…
kernelcad
com.kernelcad/kernelcad
Authors, evaluates, reviews, simulates, edits, and exports parametric CAD assemblies and geometry from editable TypeScript-based …
floot
com.floot/floot
Creates, edits, previews, databases, and publishes full-stack web and mobile applications with hosted resources and deployment wo…
Raven
ai.ravenmcp/raven-mcp
Supports coding agents with design audits, design-system guidance, and a configurable visual preference profile.