An astronaut overseeing a futuristic data hub
Télécharger le PDFVersion Markdown

Connectez Design Token Transformer à ChatGPT et Claude

Configurez-le une fois et il fonctionne avec ChatGPT, Claude, Cursor et n'importe quel autre client que vous aimez. Tout s'exécute en toute sécurité en arrière-plan, pour que vous puissiez vous détendre et vous concentrer sur l'essentiel. Automatisez la conversion et la génération de vos jetons de conception multiplateformes.

Demandez à l'IA à propos de ce Connector

Développé, maintenu et hébergé par Vinkius.

MCP VÉRIFIÉ · PRÊT POUR LA PRODUCTION · GARANTIE VINKIUS

Waiting for input…

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

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Votre IA fait le travail. Nous veillons dessus, en toute sécurité.

Aucun autre outil d'IA ne vous offre ça. Votre workflow s'exécute dans le client que vous aimez déjà, votre compte reste protégé, et vous décidez ce que l'agent peut ou ne peut pas faire. C'est la vraie raison de faire le pas.

Chaque Connector vit dans notre infrastructure, là où votre workflow s'exécute. Les trois choses ci-dessous en font déjà partie et travaillent discrètement en arrière-plan pour que vous n'ayez jamais à y penser. Rien à ajouter, rien à configurer, aucune inquiétude à avoir.

A futuristic MCP client docking bay
V8 Isolate01

Chaque Connector s'exécute dans son propre environnement scellé.

Chaque Connector s'exécute dans son propre runtime V8 scellé, sans accès à vos fichiers, à votre système ni aux autres serveurs. Un Connector ne voit jamais au-delà de sa propre requête.

Kill Switch02

Un seul interrupteur arrête tous les agents. Immédiatement.

Une seule action désactive tous les Connectors, révoque tous les tokens et termine toutes les sessions d'un coup. La Gouvernance de l'IA conserve le registre.

FinOps par utilisateur03

Des limites de dépense qui s'interrompent au lieu de surprendre.

Chaque utilisateur garde ses propres connexions et identifiants, isolés de ceux des autres. Ce qui dépasserait votre limite de dépense est stoppé et mis en attente de votre approbation, pas facturé.

Trois contrôles, intégrés à la couche par laquelle votre IA se connecte.

Un connector, toutes les IAs

Design Token Transformer fonctionne avec les clients IA les plus populaires.

Voici les clients les plus populaires, chacun avec un guide pas à pas : un lien, configuré une fois, avec gouvernance et visibilité intégrées. Et comme tout tourne sur le standard MCP, la même connexion fonctionne aussi dans tout autre client compatible : rien à reconstruire.

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

Vous construisez votre propre app ? Le connector est à vous.

Vous n'avez pas besoin d'un client pour mettre Design Token Transformer au travail : la même connexion hébergée se branche sur vos propres applications et le code de votre agent, avec la même gouvernance à chaque requête. Construisez avec lui, discutez avec lui : une connexion pour les deux.

Observée, pas estimée

Moyenne de 644 ms. Rapide en production.

Design Token Transformer est vérifié quotidiennement contre le service en production.

Moyenne quotidiennePic à 865 ms
3 oct.Aujourd'hui
Jour le plus rapide
525ms
Jour le plus lent
865ms
Tendance sur 14 jours
En ralentissement+32%

Connectez votre client

Une URL. Tous les clients.

Activez le Connector, copiez votre lien et collez-le dans le client que vous utilisez déjà. 1 capacité arrive prête à l'emploi.

Accès aperçu · pas d’authentification du fournisseur

Le jeton vk_preview_* appartient à l’infrastructure d’aperçu de Vinkius. Il permet à Claude de découvrir et d’afficher les capacités de Design Token Transformer, pour que vous voyiez l’expérience dans votre IA.

Il n’authentifie pas votre compte auprès de Design Token Transformer. Les actions nécessitant des identifiants ou des données de compte réelles peuvent ne pas s’exécuter tant que vous n’avez pas activé le Connector et autorisé le service.

Design Token Transformer Connector

Tout est prêt. Choisissez votre client MCP et suivez les instructions de configuration.

Lien du connecteurhttps://edge.vinkius.com/vk_preview_oBt8nkvneLk3QbaoBsY9wQ77Y2B5gxQerVQ48amI/mcp

Claude Desktop

Suivez les étapes ci-dessous pour vous connecter en quelques secondes.

  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.
Configuration · claude_desktop_config.jsonCopier
{
  "mcpServers": {
    "design-token-transformer-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_oBt8nkvneLk3QbaoBsY9wQ77Y2B5gxQerVQ48amI/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Les instructions pas à pas pour chaque client sont dans le guide. Comment connecter

Configuration guidée pour Claude ? Configurer Design Token Transformer avec Claude et les autres IA

Voyez tous les clients IA avec lesquels ce connector fonctionne ↑

Pour qui

Conçu pour le travail que les utilisateurs de Design Token Transformer délèguent.

Cet outil s'adresse aux professionnels de l'interface utilisateur qui doivent maintenir une cohérence visuelle entre le design et le code.

  • 01

    Designer UI/UX

    Pour exporter des systèmes de design vers des formats exploitables par les développeurs.

  • 02

    Développeur Front-end

    Pour convertir rapidement des tokens JSON en CSS, SCSS ou Tailwind.

  • 03

    Ingénieur DesignOps

    Pour automatiser la gestion des échelles de couleurs et des thèmes sombres.

FAQ

Les questions des utilisateurs de 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.

Explorer

Plus dans Developer Tools

Suggestions

Connectez Design Token Transformer à Claude, Cursor, ChatGPT et d'autres