INDIVIDUAL MCP TOOL

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

vlak.devnone authenticationAvailability not checked

LIVE ENDPOINT

https://vlak.dev/mcp

No auth detected

Connect to this endpoint to inspect the live schema for get_tokens and invoke it with your own arguments.

Indexed input schema

{}

Risk classification

Inferred read-only · medium confidence · heuristic, not a guarantee.

A tool name, description or schema mentions credentials.

Parent server

vlak.dev

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.vlak]
url = "https://vlak.dev/mcp"
enabled = true

Claude Code

.mcp.json

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

Claude Desktop

Settings → Connectors → Add custom connector

Name: vlak
Remote MCP URL: https://vlak.dev/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

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

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "vlak": {
      "type": "http",
      "url": "https://vlak.dev/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "vlak",
  "transport": "streamable-http",
  "url": "https://vlak.dev/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

Related tools

list_components — Every component in the catalogue with name, title, description, category, and aliases.
get_component — 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.
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.
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.
get_guide — Read the general guide first for installation and conventions.