Vlak

Working · 1.9 s

io.github.Noord-Ventures/vlakv0.4.0

Accessible React components, tokens, usage guidance, and install commands for product interfaces.

Developer Tools

Source Website Registry entry

Maintain this server? Claim it

Try it

Call this server's tools from your browser. Nothing to install.

https://vlak.dev/mcp

Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.

Tool list from our last check. Connect live to refresh it.

get_component Read-only

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.

namestring, required

Component name, e.g. "button" or "dropdown-menu"

Tools (8)

get_component

read-only

Argument	Type	Description
name*	string	Component name, e.g. "button" or "dropdown-menu"

Input schema (JSON)

{
  "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\""
    }
  }
}

get_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

Argument	Type	Description
page	string	Guide to read; defaults to guide

Input schema (JSON)

{
  "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"
    }
  }
}

get_install

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

Argument	Type	Description
name*	string	Component name

Input schema (JSON)

{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "name"
  ],
  "properties": {
    "name": {
      "type": "string",
      "description": "Component name"
    }
  }
}

get_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

No arguments.

Input schema (JSON)

{
  "type": "object",
  "properties": {}
}

get_workflow

Return one bundled workflow manifest and its source files. Authentication, authorization, storage, and deployment remain host responsibilities described by the manifest.

read-only

Argument	Type	Description
id*	string	Workflow ID, for example record-review

Input schema (JSON)

{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "id"
  ],
  "properties": {
    "id": {
      "type": "string",
      "description": "Workflow ID, for example record-review"
    }
  }
}

list_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

Argument	Type	Description
category	string	Only this category

Input schema (JSON)

{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "properties": {
    "category": {
      "type": "string",
      "description": "Only this category"
    }
  }
}

list_workflows

List bundled workflow kits and recipes. An optional query matches workflow ID, title, description, components, adapters, and states.

read-only

Argument	Type	Description
query	string	Optional workflow search

Input schema (JSON)

{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "properties": {
    "query": {
      "type": "string",
      "description": "Optional workflow search"
    }
  }
}

search_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

Argument	Type	Description
term*	string	Search term, e.g. "menu", "snackbar", "rs-input"

Input schema (JSON)

{
  "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\""
    }
  }
}