MCP Server
Vlak
io.github.Noord-Ventures/vlak
What this MCP does
Provides accessible React components, design tokens, installation instructions, documentation, and workflow kits.
Capabilities
Tools
8
tools
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.
Read only
Idempotent
Input schema
{'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"'}}}
Output schema
{'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.
Read only
Idempotent
Input schema
{'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'}}}
Output schema
{'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.
Read only
Idempotent
Input schema
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['name'], 'properties': {'name': {'type': 'string', 'description': 'Component name'}}}
Output schema
{'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).
Read only
Idempotent
Input schema
{'type': 'object', 'properties': {}}
Output schema
{'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.
Read only
Idempotent
Input schema
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['id'], 'properties': {'id': {'type': 'string', 'description': 'Workflow ID, for example record-review'}}}
Output schema
{'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.
Read only
Idempotent
Input schema
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'properties': {'category': {'type': 'string', 'description': 'Only this category'}}}
Output schema
{'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.
Read only
Idempotent
Input schema
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'properties': {'query': {'type': 'string', 'description': 'Optional workflow search'}}}
Output schema
{'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.
Read only
Idempotent
Input schema
{'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"'}}}
Output schema
{'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}
History
Recent tool changes
Added
get_guide
Sept. 17, 2026, 12:45 p.m.
Added
get_install
Sept. 17, 2026, 12:45 p.m.
Added
get_tokens
Sept. 17, 2026, 12:45 p.m.
Added
search_components
Sept. 17, 2026, 12:45 p.m.
Added
get_component
Sept. 17, 2026, 12:45 p.m.
Added
list_components
Sept. 17, 2026, 12:45 p.m.
Added
get_workflow
Sept. 17, 2026, 12:45 p.m.
Added
list_workflows
Sept. 17, 2026, 12:45 p.m.
Discover
Similar MCP servers
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.