tokens
Verified Safeby andflett
Overview
A design token generator with a web UI and an MCP server, primarily for generating accessible, perceptually uniform OKLCH color scales and other design tokens for AI-powered UI development.
Installation
npm install -g @flett/design-tokens-mcp-server && toke-mcpEnvironment Variables
- NEXT_PUBLIC_APP_URL
- NEXT_PUBLIC_SUPABASE_URL
- NEXT_PUBLIC_SUPABASE_ANON_KEY
- REDIS_URL
Security Notes
The `tokenSystem` input in `generate_component` and `export_tokens` tools uses `z.any()` in its schema definition. While the current implementation processes `tokenSystem` as data for string generation or prompt formatting without direct code execution, which is safe, it means the internal structure of the `tokenSystem` object isn't strictly validated by the Zod schema. If this object were to contain malicious code and be passed to a different function capable of `eval` or arbitrary code execution, it could pose a risk. However, within this project's defined tools, its usage is limited to safe data manipulation and string output. No hardcoded secrets or direct network risks were identified.
Similar Servers
f2c-mcp
A Model Context Protocol server for Figma Design to Code, enabling AI tools to convert Figma designs into production-ready frontend code.
ncp
NCP acts as a universal adapter and orchestrator for Model Context Protocol (MCP) servers and tools. It provides a unified interface for discovery, execution, and management of diverse tools (local CLI, HTTP APIs, internal plugins/Photons, AI skills) through natural language and structured code interaction, enabling AI agents to interact with the broader digital ecosystem.
mcp-execution
Generates executable, type-safe TypeScript tools from any MCP server, enabling AI agents to progressively load only the tools they need for significant token savings.
daisyui-mcp
Provides DaisyUI component documentation to AI assistants via the Model Context Protocol (MCP) to help in generating UI code.