Constraint-first design system for product exploration. 167 accessible React components, CSS, StyleX, shadcn registry, CLI, and MCP.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add --transport http vlak https://vlak.dev/mcp~/.codex/config.toml
[mcp_servers.vlak]
url = "https://vlak.dev/mcp"
# codex mcp add vlak --url https://vlak.dev/mcp~/.cursor/mcp.json
{
"mcpServers": {
"vlak": {
"url": "https://vlak.dev/mcp"
}
}
}.vscode/mcp.json
{
"servers": {
"vlak": {
"type": "http",
"url": "https://vlak.dev/mcp"
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"vlak": {
"httpUrl": "https://vlak.dev/mcp"
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"vlak": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://vlak.dev/mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"vlak": {
"url": "https://vlak.dev/mcp"
}
}
}