Vlak

by @Noord-Ventures · io.github.Noord-Ventures/vlak

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

OnlineRemote
Category
Crypto and Web3
Connection
Remote (HTTP)
Tools
8 reported
Status
Online

Connect it to your AI

Claude Code

claude mcp add --transport http vlak https://vlak.dev/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://vlak.dev/mcp

Cursor, VS Code and other apps (mcp.json)

{
  "mcpServers": {
    "vlak": {
      "url": "https://vlak.dev/mcp"
    }
  }
}

Tools it offers

8 tools, as the server itself reported during our check on Oct 31, 2026.

  • list_workflowsList bundled workflow kits and recipes. An optional query matches workflow ID, title, description, components, adapters, and states.
  • get_workflowReturn one bundled workflow manifest and its source files. Authentication, authorization, storage, and deployment remain host responsibilities described by the manifest.
  • list_componentsEvery 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
  • get_componentThe 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
  • search_componentsFind 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
  • get_tokensThe 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_installThe 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 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 en

Questions

What is the Vlak MCP server?

Accessible React components, tokens, usage guidance, and install commands for product interfaces. It is made by @Noord-Ventures and listed in the official MCP Registry as io.github.Noord-Ventures/vlak. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.

How do I add Vlak to Claude?

In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://vlak.dev/mcp. In Claude Code, run: claude mcp add --transport http vlak https://vlak.dev/mcp

How do I add Vlak to ChatGPT?

ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://vlak.dev/mcp.

How do I add Vlak to Cursor?

Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "vlak": { "url": "https://vlak.dev/mcp" } } }

Does Vlak work right now?

Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.

What can Vlak do?

It gives your AI 8 tools, including list_workflows, get_workflow, list_components, get_component, search_components. The full list is on this page.

Is this your server? Get the badge for your README
chen.media/mcp badge

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/github-noord-ventures-vlak.svg)](https://chen.media/mcp/github-noord-ventures-vlak)

HTML (switches to dark mode on its own)

<a href="https://chen.media/mcp/github-noord-ventures-vlak"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/github-noord-ventures-vlak.svg?theme=dark"><img src="https://chen.media/mcp/badge/github-noord-ventures-vlak.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>

More in Crypto and Web3

See all