Vlak
Server Details
Accessible React components, tokens, usage guidance, and install commands for product interfaces.
- Status
- Healthy
- Uptime
- 100.0% over the last 24 hours
- Last Tested
- Transport
- Streamable HTTP · MCP 2025-11-25
- URL
- Repository
- Noord-Ventures/vlak
- GitHub Stars
- 27
- ChatGPT
- –
- Claude
- –
TDQS
Scored across 8 tools
Most tools have distinct targets (guides, tokens, workflows, listing, searching), but get_component and get_install overlap meaningfully — get_component already returns install paths and the CSS-only snippet while get_install repeats install instructions. list_components and search_components also slightly overlap, though the description clarifies list=catalogue vs search=query.
All eight tools follow a clean verb_noun snake_case pattern (get_*, list_*, search_*). No mixing of conventions and the prefixes map predictably to read/list/search semantics.
Eight tools is well-scoped for a component-library documentation server. Each tool earns its place covering a distinct surface: components, guides, install, tokens, workflows, and the list/search pairs.
The read-only docs surface is well covered: retrieve components, guides, tokens, workflows, and both browse and search entry points. Minor gaps remain — there is no search for guides, tokens, or workflows specifically, but core discovery and retrieval workflows are supported.
Available Tools
8 toolsget_componentGet a Vlak componentARead-onlyIdempotentInspect
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.
Inputs: name (required). Returns: a11y, docs, name, page, +17 more
get_guideGet the Vlak guideARead-onlyIdempotentInspect
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.
Inputs: page. Returns: page, markdown
get_installGet install commandsARead-onlyIdempotentInspect
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.
Inputs: name (required). Returns: cli, name, shadcn, cssOnly, +2 more
get_tokensGet Vlak tokensARead-onlyIdempotentInspect
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).
Inputs: no named parameters. Returns: page, markdown
get_workflowGet a Vlak workflowARead-onlyIdempotentInspect
Return one bundled workflow manifest and its source files. Authentication, authorization, storage, and deployment remain host responsibilities described by the manifest.
Inputs: id (required). Returns: files, manifest, schemaVersion
list_componentsList Vlak componentsARead-onlyIdempotentInspect
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.
Inputs: category. Returns: count, version, components
list_workflowsList Vlak workflowsARead-onlyIdempotentInspect
List bundled workflow kits and recipes. An optional query matches workflow ID, title, description, components, adapters, and states.
Inputs: query. Returns: count, workflows, schemaVersion
search_componentsSearch Vlak componentsARead-onlyIdempotentInspect
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.
Inputs: term (required). Returns: hits, term
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
Related MCP Connectors
A tactile React component library, and the design system that keeps your AI agent on-brand.
Explore Carbon docs, components, tokens, icons, charts, and code examples.
Access and maintain design system docs, tokens, components, skills, and contexts across any project.
Provides style context & tokens to design or restyle web UIs in any framework
Related MCP Servers
- AlicenseAqualityDmaintenanceProvides Figma integration, accessibility auditing, and React code generation tools.8MIT
- AlicenseNot gradedqualityBmaintenanceEnables an AI assistant to describe a screen by its object and context and receive generated React or Vue code built from governed components and design tokens. It also renders charts from supplied data, produces receipts of static checks, and offers an optional tool that verifies contrast pairs and document accessibility rules across built brands and themes.2Apache 2.0
- AlicenseAqualityBmaintenanceServes the complete Sekura Design System—tokens, components, layouts, UX patterns, accessibility contract, and paste-ready code—to MCP-capable tools, enabling agents to build accessible, dark-mode-first interfaces with verified values.21MIT
- AlicenseNot gradedqualityDmaintenanceProvides component information, usage guidelines, and code generation for AWS Cloudscape Design System in React, with search and pattern library capabilities.17 npm10MIT
Glama MCP Gateway
Add one secure layer between your agents and this server.