Skip to content
verify mcp Beta VerifyMCP is currently in beta. If you notice any issues, email [email protected] and we’ll put it right.

io.github.kenneives/design-token-bridge-mcp

NPM · DESIGN-TOKEN-BRIDGE-MCP · SCANNED AUG 3

Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI

+21 this week 67 Trust /100
Trust breakdown (6 categories)

How this component scores in each security and reliability category. Every signal is checked automatically from public evidence about the published package, including repeated runs of it in an isolated sandbox, and we only credit what we can confirm. How we score →

Supply Chain Security87
  • No malware found by supply-chain analysis.Pass
  • Only part of the dependency tree could be resolved (95 of 99), so this covers what we could see, not the whole tree.Partial
  • No install/post-install scripts declared.Pass
  • Only part of the dependency tree could be resolved (95 of 99), so this covers what we could see, not the whole tree. View diagnostics → Partial
Provenance & Transparency45
Schema Quality & AI Usability66
  • AI-judged instruction clarity (good).Pass
  • Tool/resource definitions use about 412 tokens (~45/item across 9 items; 9 tools + 0 resources), lean.Pass
  • Usage-examples check failed: none of the tools include examples. See how to fix → Fail
Stability & Change Management23
  • Stability observed for 7 of 30 days with no destabilising changes; credit accrues until the full window elapses.Partial
Tool Coverage100
  • 100% of tools have a non-trivial description (not blank, and not just the tool's name).Pass
  • 100% of tool parameters carry a description.Pass
Capabilities100
  • Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28.Pass
Install

Add this component to your MCP client. Where a client-specific snippet is available, pick your client below and copy it straight into your config; otherwise use the connection detail shown.

npm · design-token-bridge-mcp

# add to Claude Code
claude mcp add kenneives-design-token-bridge-mcp -- npx -y design-token-bridge-mcp
# add to Codex CLI
codex mcp add kenneives-design-token-bridge-mcp -- npx -y design-token-bridge-mcp
// opencode.json
{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "kenneives-design-token-bridge-mcp": {
      "type": "local",
      "command": [
        "npx",
        "-y",
        "design-token-bridge-mcp"
      ],
      "enabled": true
    }
  }
}
# add to OpenClaw
openclaw mcp add kenneives-design-token-bridge-mcp --command npx --arg -y --arg design-token-bridge-mcp
# ~/.hermes/config.yaml
mcp_servers:
  kenneives-design-token-bridge-mcp:
    command: "npx"
    args: ["-y", "design-token-bridge-mcp"]
// mcp.json
{
  "mcpServers": {
    "kenneives-design-token-bridge-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "design-token-bridge-mcp"
      ]
    }
  }
}
Changelog

Every change we have recorded for this component, newest first. Security-relevant changes are always shown. ▲ marks a change for the better, ▼ a change for the worse; unmarked changes are neutral.

  • 3 Aug 26 +1

    No change was recorded against any check on this day. Stability & Change Management went from 20 to 23. That category is still filling its 30-day observation window: 6 days of observed history at the previous scan, 7 at this one. The score rises as the window fills, whether or not the server changes.

  • 2 Aug 26 +40
    • Provenance: unverified → fail security
    • Known CVEs: unverified → partial security
    • Install scripts: unverified → pass security
    • Malware scan: unverified → pass security
    • Schema quality: unverified → good functional
    • Maintenance: unverified → pass functional
    • Dependency health: unverified → partial functional
    • License: unverified → pass functional
    • Stability: unverified → 0.20 functional
    • Licence: MIT functional
  • 1 Aug 26 +21
    • Stability: Stability not yet verified: not enough scan history yet (needs a 30-day window). security
    • MCP protocol: unverified → pass functional
    • Tool coverage: unverified → 100 functional
  • 31 Jul 26 −23
    • We updated how we score, so this day's move reflects our rubric, not a change to the server See what changed → functional
  • 30 Jul 26 +4
    • Malware scan: pass → unverified security
    • Tool coverage: unverified → 100 functional
  • 28 Jul 26 −22
    • Tool coverage: 100 → unverified functional
    • First check of Schema quality: unverified functional
  • 27 Jul 26 46

    First indexed and scored.

Diagnostics

Diagnostic detail from the automated scan of this channel: what the scanner observed at each step, so you can see exactly where a check passed or failed. It is informational only and never changes the trust score.

Captured 3 Aug 2026 · Analysed npm/[email protected]

Provenance none

Ecosystem: npm · Outcome: none

Dependencies 95 packages

95 packages in the resolved dependency tree · 95 deprecated · 29 stale.

The dependency tree was only partially resolved, so these counts may be incomplete.

MCP tools — 9 exposed · ~412 tokens

The tools this component advertises to a client, with an estimated token cost for each. Expand a tool to see its parameters and schema. The per-tool counts are indicative and are not scored directly; the schema's total context footprint is one signal in Schema Quality & AI Usability.

Tool Tokens
extract_tokens_from_css ~38

Parse CSS custom properties (variables) and extract design tokens

NameTypeReqDescription
cssstringyesThe contents of a CSS file with custom properties

No output schema declared.

No examples provided.

extract_tokens_from_figma_variables ~40

Parse Figma variables export JSON and extract design tokens

NameTypeReqDescription
variablesstringyesFigma Variables REST API JSON export as a string

No output schema declared.

No examples provided.

extract_tokens_from_json ~45

Parse W3C Design Tokens Community Group (DTCG) format JSON into universal tokens

NameTypeReqDescription
jsonstringyesW3C DTCG format JSON string

No output schema declared.

No examples provided.

extract_tokens_from_tailwind ~46

Parse a Tailwind config and extract theme values into universal design tokens

NameTypeReqDescription
configstringyesThe contents of a tailwind.config.js or tailwind.config.ts file

No output schema declared.

No examples provided.

generate_css_variables ~52

Generate CSS custom properties from universal design tokens with light/dark mode support

NameTypeReqDescription
darkTokensstringOptional dark mode universal design tokens JSON string
tokensstringyesUniversal design tokens JSON string

No output schema declared.

No examples provided.

generate_material3_theme ~37

Generate Kotlin Jetpack Compose Material 3 theme files from universal design tokens

NameTypeReqDescription
tokensstringyesUniversal design tokens JSON string

No output schema declared.

No examples provided.

generate_swiftui_theme ~56

Generate SwiftUI theme files from universal design tokens, with optional Liquid Glass support

NameTypeReqDescription
liquidGlassbooleanInclude iOS 26+ Liquid Glass modifiers
tokensstringyesUniversal design tokens JSON string

No output schema declared.

No examples provided.

generate_tailwind_config ~49

Generate a tailwind.config.js theme from universal design tokens

NameTypeReqDescription
formatstringOutput format: ES modules or CommonJS
tokensstringyesUniversal design tokens JSON string

No output schema declared.

No examples provided.

validate_contrast ~49

Check color combinations in design tokens for WCAG AA/AAA accessibility compliance

NameTypeReqDescription
levelstringWCAG compliance level to check
tokensstringyesUniversal design tokens JSON string

No output schema declared.

No examples provided.