MCP.Market

Vlak MCP server

online · 100% uptime
by Noord-Ventures·io.github.Noord-Ventures/vlak·v0.4.0·31 stars
No reviews yet

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

A92/100grade A
Write a reviewRun it
What users say
No reviews yet
Be the first
Safety scan
A92/100

full report

Adoption
Growing

31 stars

Reviews

Write one

Nobody has reviewed Vlak yet.

If you have run it, two minutes of your experience saves the next person an afternoon.

Vlak tools (8)

write = sends, deletes, buys or posts
  • get_componentFree

    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.

  • get_guideFree

    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.

  • get_installFree

    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.

  • get_tokensFree

    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).

  • get_workflowFree

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

  • list_componentsFree

    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.

  • list_workflowsFree

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

  • search_componentsFree

    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.

Public scan report

scanner v0.1.10 · 2026-10-02 · same rubric, same numbers if you re-run it

no findings
  • –Code scanremote-only server, no package to scann/a
  • Live reliabilityremote reachable in 629ms20/20
  • Tool poisoning8 tool descriptions checked15/15
  • Auth qualityopen endpoint, read-only tools10/15
  • Maintenancelast push 1 days ago15/15
  • Maintainer identityregistry namespace matches repository owner; GitHub account older than a year9/10
Overall 92/100. Components that don't apply are left out of the denominator. Any critical finding is an F.RubricAppeal a findingJSON

How Vlak compares

Against every graded E-commerce MCP server, from our own scans and uptime checks. Updated after each scan run.

Safety score
92/100
higher than 93% of 2,174 E-commerce servers
Tools
8
the typical E-commerce server has 6
Tools that change things
0%
typical: 0%. Fewer write tools means less an agent can break
Uptime
100%
of our recent checks; the typical remote E-commerce server answers 100%
Response time
339 ms
faster than 46% of 1,527 E-commerce servers
GitHub stars
31
more than 93% of 1,047 E-commerce servers

What its tools let an agent do: 8 read

Install Vlak in Claude Code, Cursor or VS Code

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

What the publisher says

From the Vlak repository's README, as published. We do not edit it. Read it on GitHub

Vlak

A design system for product exploration with fixed visual rules. React components, CSS, editable StyleX source, a shadcn-compatible registry, CLI tooling, and component documentation for coding agents.

Browse components · Explore interfaces · Use with coding agents

Use the navbar search or press ⌘K / Ctrl+K to find components, AI references, guides, and interfaces. Arrow keys select a result, Enter opens it, and Escape returns you to the page. Search runs locally and recognizes familiar API aliases.

▶ Watch ChatGPT discover Vlak and use its component system — 50 seconds.

Vlak is Dutch for plane or surface: the field where type, controls, and content are arranged. A modular grid gives that field its structure.

vlak.dev · github.com/Noord-Ventures/vlak

Designed and built at Noord Applied Design Lab in Alkmaar.

Install

Choose the level of ownership that fits the project. Each path is generated from the same component leaves.

Import the package. Precompiled React components and one stylesheet. No compiler to configure.

npm install @noorddev/vlak-react
import "@noorddev/vlak-react/css";
import { Button } from "@noorddev/vlak-react";

Vendor the source. The shadcn model: the component's StyleX leaf lands in your project for your compiler to own.

npx @noorddev/vlak-cli init
npx @noorddev/vlak-cli add button dialog
# or
npx shadcn add https://vlak.dev/r/button.json

CSS only. No React. rs-* classes on plain markup.

<link rel="stylesheet" href="node_modules/@noorddev/vlak/css/vlak.css" />
<button class="rs-btn-primary">Primary action</button>

Dark scheme: data-theme="dark" on the root element. Without it the system preference applies.

Want a working project first? Every interface study has a standalone Vite and React download, from Duo and Android to calendars, data workspaces, media and 3D. Each download includes setup notes and any third-party asset credits. The smaller Vite and Next.js form examples are in the installation guide.

Follow updates, subscribe to the RSS feed, or watch GitHub releases.

Built something with Vlak? Tell us what you made and where the constraints helped or got in the way.

Why Vlak

Vlak treats an interface as a field rather than a stack of cards. Paper, ink, gray, type, and hairlines establish hierarchy. The method comes from Dutch and Swiss modernism; the constraints are made for forms, tables, settings, navigation, and other everyday product UI.

Shortened. The full README is on GitHub.

Nothing above is checked by us. What we check is on the safety report.

Vlak: common questions

Is Vlak MCP server safe?
Yes, by our scan: it is graded A (92/100). Read the Vlak safety report
How do I install Vlak?
It runs remotely at vlak.dev. Add it to Claude Code, Cursor, VS Code or Claude Desktop with the snippets above, or call it through the mcp.market gateway without installing anything.
Does Vlak need an API key?
Not as far as the registry entry and our scan can tell: no credentials are declared or required.
Is Vlak maintained?
The last commit was 34 days ago (2026-10-01). The latest release is v0.4.0.
Is Vlak up?
100% of our last 28 checks got an answer. We check remote servers about four times a day.
What can I use instead of Vlak?
Servers from other publishers that do the same job: affectUI MCP server, PostHog MCP Server and Loki Mode MCP server.
How does Vlak compare with other E-commerce MCP servers?
safety score 92/100 (higher than 93% of 2,174 E-commerce servers); tools 8 (the typical E-commerce server has 6); tools that change things 0% (typical: 0%. Fewer write tools means less an agent can break). Full comparison.

Alternatives to Vlak

Same job from other publishers: the closest match first, then the best rated.

  • affectUI
    Search, read and install agent-ready React components, screens and blocks for AI products.
    A
  • PostHog MCP Server
    Official PostHog MCP Server for product analytics, feature flags, experiments, and more.
    A
  • Loki Mode
    Autonomous spec-to-product coding-agent CLI with an MCP server exposing 39 tools over stdio.
    B
  • New-Term Radar
    New AI model, product and repo names as they surface, and the search terms behind them, sized.
    B
  • Idea Reality
    Pre-build reality check. Scans GitHub, HN, npm, PyPI, Product Hunt — returns 0-100 signal.
    B