Vlak
Accessible React components, tokens, usage guidance, and install commands for product interfaces.
Connect it
Settings → Connectors → Add custom connector
URL: https://vlak.dev/mcpSettings → Apps & Connectors → Advanced → Developer mode
Create connector with URL: https://vlak.dev/mcp{
"mcpServers": {
"vlak": {
"url": "https://vlak.dev/mcp"
}
}
}claude mcp add --transport http vlak https://vlak.dev/mcp{
"servers": {
"vlak": {
"type": "http",
"url": "https://vlak.dev/mcp"
}
}
}8 tools, verified live
list_workflowsread-onlyList bundled workflow kits and recipes. An optional query matches workflow ID, title, description, components, adapters, and states.
get_workflowread-onlyReturn one bundled workflow manifest and its source files. Authentication, authorization, storage, and deployment remain host responsibilities described by the manifest.
list_componentsread-onlyEvery 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.
get_componentread-onlyThe 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.
search_componentsread-onlyFind 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.
get_tokensread-onlyThe 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).
get_installread-onlyThe three ways to install one component (npm package plus import line, Vlak CLI, shadcn CLI) and the CSS-only markup, with its registry dependencies.
get_guideread-onlyRead 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 setu
Alternatives in Developer Tools
Compare →MDMCP Devkit ServerOfficialA
Provides AI assistants with direct access to Mapbox developer APIs and documentation.
Front-End ChecklistA
Review frontend code and live pages against 386 quality-gated web development rules.
PMPostHog MCP ServerOfficialA
Official PostHog MCP Server for product analytics, feature flags, experiments, and more.
MAMakeOfficialA
Build, run and debug Make automation scenarios.
ClerkOfficialA
Access Clerk authentication docs, SDK snippets, and quickstart guides
MUMuxOfficialA
The official MCP Server for the Mux API