MCP.so
ログイン
T

Tokven Mcp

@Mihkel00

リポジトリ

Tokven Mcp について

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

基本情報

カテゴリ

その他

トランスポート

stdio

公開者

Mihkel00

投稿者

Mihkel00

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

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

ツール

ツールは検出されませんでした

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

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

—

—

コメント

「その他」の他のコンテンツ

XcodeBuildMCP

cameroncooke

A Model Context Protocol (MCP) server and CLI that provides tools for agent use when working on iOS and macOS projects.

6.0K

Awesome Mlops

visenger

A curated list of references for MLOps

14.0K

Core Philosophy: Connect, Unify, Respond

mindsdb

Delegate anything. It comes back done.

39.4K

AutoBrowser MCP

autobrowser-ai

Browser MCP is a Model Context Provider (MCP) server that allows AI applications to control your browser

6.8K

Activepieces

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

23.2K