An astronaut overseeing a futuristic data hub
Baixar PDFVersão em Markdown

Conecte Design Token Transformer ao ChatGPT, Claude e Gemini

Configure uma vez e funcione no ChatGPT, Claude, Cursor e em qualquer outro cliente que você goste. Tudo roda com segurança em segundo plano, para você relaxar e focar no que realmente importa. Transforme tokens de design entre diferentes plataformas e formatos rapidamente.

Pergunte à IA sobre este Connector

Desenvolvido, mantido e hospedado pela Vinkius.

MCP VERIFICADO · PRONTO PARA PRODUÇÃO · GARANTIA VINKIUS

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

A sua IA faz o trabalho. A gente cuida com segurança.

Nenhuma outra ferramenta de IA te dá isso. O seu workflow roda no cliente que você já ama, a sua conta fica protegida, e você decide o que o agente pode e não pode fazer. É a razão completa para mudar de vez.

Cada Connector vive dentro da nossa infraestrutura, no mesmo lugar onde o seu workflow roda. As três coisas abaixo já fazem parte dele, trabalhando silenciosamente em segundo plano para que você nunca precise pensar nelas. Nada para adicionar, nada para configurar, nada com que se preocupar.

A futuristic MCP client docking bay
V8 Isolate01

Cada Connector roda dentro do seu próprio ambiente lacrado.

Cada Connector roda em seu próprio runtime V8 lacrado — sem acesso aos seus arquivos, ao seu sistema ou a outros servidores. Um Connector nunca enxerga além da sua própria requisição.

Kill Switch02

Um interruptor para todos os agentes. Na hora.

Uma única ação desativa todos os Connectors, revoga todos os tokens e encerra todas as sessões de uma vez. A Governança de IA guarda o registro.

FinOps por usuário03

Limites de gastos que pausam em vez de assustar.

Cada usuário tem suas próprias conexões e credenciais, isoladas das dos demais. O que ultrapassar o seu limite de gastos fica aguardando a sua aprovação, em vez de ser cobrado.

Três controles, embutidos na camada pela qual sua IA se conecta.

Um connector, todas as IAs

Design Token Transformer funciona com os clientes de IA mais populares.

Estes são os clientes mais populares, cada um com um guia passo a passo: um link, configurado uma vez, com governança e visibilidade embutidas. E como tudo roda no padrão MCP, a mesma conexão também funciona em qualquer outro cliente compatível — nada para reconstruir.

ClaudeClaudeChatGPTChatGPTGeminiGeminiPerplexityPerplexityGrokGrokMicrosoft CopilotMicrosoft CopilotCursorCursorVS CodeVS CodeWindsurfWindsurfJetBrainsJetBrainsClineClineLangChainLangChainVercel AI SDKVercel AI SDKLovableLovableZ.aiZ.aiRaycastRaycastQwen CodeQwen CodeKimi CodeKimi CodeLe ChatLe Chat

Construindo o seu próprio app? O connector é seu para usar.

Você não precisa de um cliente para colocar Design Token Transformer para trabalhar: a mesma conexão hospedada entra nas suas aplicações e no código do seu agente, com a mesma governança em cada pedido. Construa com ele, converse com ele — uma conexão para os dois.

Observada, não estimada

Média de 644ms. Rápida em produção.

Design Token Transformer é verificado diariamente contra o serviço em produção.

Média diáriaPico de 865ms
3 de out.Hoje
Dia mais rápido
525ms
Dia mais lento
865ms
Tendência de 14 dias
Desacelerando+32%

Conecte seu cliente

Uma URL. Todos os clientes.

Ative o Connector, copie seu link e cole no cliente que você já usa. 1 capacidade chega pronta para rodar.

Acesso de prévia · não é autenticação no provedor

O token vk_preview_* pertence à infraestrutura de prévia da Vinkius. Ele permite que o Claude descubra e exiba as capacidades de Design Token Transformer, para você ver a experiência dentro da sua IA.

Ele não autentica a sua conta com Design Token Transformer. Ações que exigem credenciais ou dados reais da conta podem não ser executadas até que você ative o Connector e autorize o serviço.

Design Token Transformer Connector

Tudo pronto. Escolha seu cliente MCP e siga as instruções de configuração.

Link do conectorhttps://edge.vinkius.com/vk_preview_oBt8nkvneLk3QbaoBsY9wQ77Y2B5gxQerVQ48amI/mcp

Claude Desktop

Siga os passos abaixo para conectar em segundos.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Design Token Transformer capabilities are ready to use.
Configuração · claude_desktop_config.jsonCopiar
{
  "mcpServers": {
    "design-token-transformer-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_oBt8nkvneLk3QbaoBsY9wQ77Y2B5gxQerVQ48amI/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Instruções passo a passo para cada cliente estão no guia. Como conectar

Configuração guiada para o Claude? Configurar Design Token Transformer no Claude e outras IAs

Veja todos os clientes de IA com quem este connector funciona ↑

Para quem é

Feito para o trabalho que quem usa Design Token Transformer delega.

Ideal para profissionais que precisam manter a consistência visual entre design e código em diferentes plataformas.

  • 01

    Design Systems Engineer

    Profissionais que gerenciam bibliotecas de componentes e tokens entre design e desenvolvimento.

  • 02

    Front-end Developer

    Desenvolvedores que precisam converter definições de design em CSS, Tailwind ou SCSS.

  • 03

    UI Designer

    Designers que buscam automatizar a criação de escalas de cores e temas dark mode.

FAQ

Perguntas de quem usa Design Token Transformer.

  • 01

    What formats can this MCP convert?

    It handles JSON, CSS, SCSS, and Tailwind formats for various platforms.

  • 02

    How does it handle dark mode?

    The MCP uses OKLCH lightness adjustments to create dark mode versions of your tokens for visual consistency.

  • 03

    Can it generate color scales?

    Yes, you can provide anchor colors and the MCP will produce a full 50 to 950 color weight scale.

  • 04

    Does it resolve token aliases?

    Yes, it resolves internal aliases to their primitive values during the transformation process.

  • 05

    Which AI clients can use this?

    You can use this MCP with any compatible client like Claude, Cursor, or Windsurf.

  • 06

    How can I convert tokens from JSON to Tailwind?

    Use the transform_tokens capability, specifying 'json' as your sourceFormat and 'tailwind' as your targetFormat. Capabilities available: your_tool_name.

  • 07

    Can this capability handle color aliases?

    Yes, the transform_tokens capability automatically resolves all internal references and aliases to their primitive values during transformation.

  • 08

    How do I generate a dark mode theme?

    Use the generate_dark_mode_tokens capability with your existing light-mode JSON token data. It uses OKLCH lightness inversion for visual consistency.

Explore

Mais em Developer Tools

Sugestões

Conecte Design Token Transformer ao Claude, Cursor, ChatGPT e outros