이 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 PM
추가됨
get_install
2026년 9월 17일 12:45 PM
추가됨
get_tokens
2026년 9월 17일 12:45 PM
추가됨
search_components
2026년 9월 17일 12:45 PM
추가됨
get_component
2026년 9월 17일 12:45 PM
추가됨
list_components
2026년 9월 17일 12:45 PM
추가됨
get_workflow
2026년 9월 17일 12:45 PM
추가됨
list_workflows
2026년 9월 17일 12:45 PM
탐색
유사한 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.