广告合作
MCP.so
登录
T

Tokven MCP Server

@Mihkel00

代码仓库

基本信息

分类

其他

传输方式

stdio

作者

Mihkel00

提交者

Mihkel00

关于 Tokven MCP Server

Generate complete design token systems from a hex color — OKLCH-derived, WCAG-validated, multi-format

#design-tokens#design-system#css-variables#tailwind#shadcn#oklch#wcag#color#typography#cursor#claude#windsurf#brand

Tokven MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "tokven": {
      "command": "npx",
      "args": [
        "-y",
        "tokven-mcp"
      ]
    }
  }
}

Tokven MCP Server 工具

5

Generate a complete design token system from a brand hex color. Returns OKLCH-derived colors (light + dark mode), typography pairing, spacing scale, border radius, shadows, WCAG contrast validation, APCA scoring, design intent brief, and a visual preview URL on tokven.dev. Output in CSS, Tailwind v4, Tailwind v3, or DTCG JSON. Tip: call get_token_preview first to let the user approve the palette visually.

Quick preview of a design token system without full CSS output. Returns colors for light and/or dark mode, font pairing, radius, shadow style, WCAG contrast summary with near-failing pairs, design intent brief, and a visual preview URL on tokven.dev. Recommended first step: call this before generate_tokens so the user can approve the palette visually.

Check WCAG 2.1 contrast ratio and APCA (WCAG 3 candidate) contrast between two colors. Returns ratio, AA/AAA pass/fail for normal and large text, and APCA Lc value.

Returns all available mood presets for the generate_tokens tool, with descriptions of the visual personality each produces.

Lightweight single-purpose color derivation. Derive accessible background scales, text colors, brand color 4-token sets, status color variants, or light↔dark counterpart backgrounds. Returns raw tokens as JSON — no CSS wrapping. Use this when you need a quick answer like 'give me accessible grays for this background' or 'what text colors work on #0d0d0d?'

概览

What is Tokven Mcp?

Tokven Mcp is a design token generator that creates a complete design system from a single brand hex color. It outputs OKLCH-derived colors for light and dark modes, typography pairings, spacing scales, border radii, shadows, and WCAG contrast validation. It is for developers and designers who need a quick, color-based token system.

How to use Tokven Mcp?

The server exposes four tools: generate_tokens (generate full token set from a hex color), get_token_preview (preview tokens without full CSS output), validate_contrast (check WCAG 2.1 contrast ratio between two colors), and list_moods (list available mood presets). No installation or configuration commands are specified in the README.

Key features of Tokven Mcp

  • Generates design tokens from a single brand hex color
  • Returns OKLCH-derived colors with light and dark modes
  • Includes typography pairing, spacing, border radius, shadows
  • Validates colors for WCAG 2.1 contrast compliance
  • Supports output in CSS Custom Properties, Tailwind v4/v3, and W3C DTCG JSON
  • Offers 13 mood presets: warm, cool, bold, dark, soft, minimal, brutalist, playful, vintage, luxury, nature, neon, corporate

Use cases of Tokven Mcp

  • Quickly generate a full design token system from a brand color
  • Validate color contrast for accessibility during design
  • Preview token outputs before generating CSS
  • Apply mood presets to change the aesthetic of the token set
  • Output tokens in multiple formats for different frameworks (Tailwind, CSS, JSON)

FAQ from Tokven Mcp

—

—

评论

其他 分类下的更多 MCP 服务器

N

Next Generation Movers: free moving quotes (remote MCP)

Next Generation Movers

Free moving quotes for AI agents from Next Generation Movers, a licensed interstate mover (USDOT 3764697). US long-distance nationwide and local DC/MD/VA. Indicative ballpark price and booking options; optional $0.01 x40

Screenpipe

screenpipe

YC (S26) | Open Computer History | Continuously record your company computer work, map your workflows, help you find work worth automating, and power your agents' context

22.0K

Reactive Resume

amruthpillai

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

39.5K

Yuppsy

Yuppsy MCP: build and publish real estate websites from your AI assistant. Yuppsy lets your AI assistant create live websites for real estate agents and individual property listings. You don't need a designer or any code

Codelf

unbug

A search tool helps dev to solve the naming things problem.

14.2K
广告合作