Vlak
by @Noord-Ventures · io.github.Noord-Ventures/vlak
Accessible React components, tokens, usage guidance, and install commands for product interfaces.
- 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/mcpClaude, ChatGPT, Cursor and other apps
Add it as a custom connector with this URL (Streamable HTTP):
https://vlak.dev/mcpCursor, 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, civicget_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 namesearch_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 capitalizationget_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
Markdown (GitHub README)
[](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 allLosbeto — Market Data for AI Agents
@rmartins1451Market data, LLM gateway, ML forecasts, batch+bundle, self-building catalog. USDC via x402 + MPP.
DejaBars
dejabars.comFind historical chart-pattern matches across crypto markets from a sketch.
Exepal
exepal.comPaid data tools for AI agents, pay per call in USDC via x402: AI visibility, company enrich, SERP
Compute Screener
computescreener.comGPU cloud pricing (H100, H200, B200 per hour) and AI model API pricing per 1M tokens, with history.
True Value Rankings
truevaluerankings.comCryptocurrency fundamentals for agents: TVR Scores, rankings and model-derived valuation estimates.
Agent Read Proxy
agent-read-proxy.agent-read-proxy.workers.devRead web pages and PDFs as clean Markdown for AI agents. Pay per call in USDC via x402, no API key.