Serveur MCP

Vlak

io.github.Noord-Ventures/vlak
Design et création Outils développeur Public et accessible MCP 2025-11-25

Ce que fait ce MCP

Provides accessible React components, design tokens, installation instructions, documentation, and workflow kits.

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.
Lecture seule Idempotent
Schéma d’entrée
{'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"'}}}
Schéma de sortie
{'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.
Lecture seule Idempotent
Schéma d’entrée
{'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'}}}
Schéma de sortie
{'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.
Lecture seule Idempotent
Schéma d’entrée
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['name'], 'properties': {'name': {'type': 'string', 'description': 'Component name'}}}
Schéma de sortie
{'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).
Lecture seule Idempotent
Schéma d’entrée
{'type': 'object', 'properties': {}}
Schéma de sortie
{'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.
Lecture seule Idempotent
Schéma d’entrée
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'required': ['id'], 'properties': {'id': {'type': 'string', 'description': 'Workflow ID, for example record-review'}}}
Schéma de sortie
{'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.
Lecture seule Idempotent
Schéma d’entrée
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'properties': {'category': {'type': 'string', 'description': 'Only this category'}}}
Schéma de sortie
{'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.
Lecture seule Idempotent
Schéma d’entrée
{'type': 'object', '$schema': 'http://json-schema.org/draft-07/schema#', 'properties': {'query': {'type': 'string', 'description': 'Optional workflow search'}}}
Schéma de sortie
{'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.
Lecture seule Idempotent
Schéma d’entrée
{'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"'}}}
Schéma de sortie
{'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}
Ajouté
get_guide
17 September 2026 12:45
Ajouté
get_install
17 September 2026 12:45
Ajouté
get_tokens
17 September 2026 12:45
Ajouté
search_components
17 September 2026 12:45
Ajouté
get_component
17 September 2026 12:45
Ajouté
list_components
17 September 2026 12:45
Ajouté
get_workflow
17 September 2026 12:45
Ajouté
list_workflows
17 September 2026 12:45