Tailwind 任意值演练场

POST https://api.elysiatools.com/zh/api/tools/tailwind-arbitrary-value-playground

{
  "mcpServers": {
    "elysiatools-tailwind-arbitrary-value-playground": {
      "name": "tailwind-arbitrary-value-playground",
      "description": "粘贴使用任意值的 Tailwind 类（w-[137px]、text-[#bada55]、grid-cols-[1fr_2fr]、[mask-type:luminance]），查看生成的 CSS、实时可视化预览、数据类型提示识别，以及每条转换的解释。适合调试 calc()、CSS 变量与超出设计令牌刻度的一次性取值。",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=tailwind-arbitrary-value-playground",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "tailwind-arbitrary-value-playground",
    "arguments": {
  "classes": "w-[137px]\nh-[calc(100vh-4rem)]\nbg-[linear-gradient(90deg,#6366f1,#8b5cf6)]\ntext-[#bada55]\nrounded-[14px]",
  "outputFormat": "expanded",
  "theme": "light",
  "showPreview": true,
  "showExplanation": true
}
  }
}