Server definition

Hash: sha256:340e49b6b9ce69483805794ab2c549b28890554d9d9b1132966ade9fca0f7442
What it is: What a remote MCP server returned when asked what it offers: 5 tools

The blob, as servednamed by its sha256

{
  "instructions": "Use these tools whenever you add or change a color in a Tailwind CSS project. Tailwind colors are palettes with shades (50-950), so utilities like bg-brand-500 and hover:bg-brand-600 work. Never write a single --color-* variable or invent shades by hand: call generate_palette and paste its code. Match tailwindVersion to the project (v4: @import \"tailwindcss\" in CSS; v3 and older: tailwind.config.js). To replace a hard-coded color with an existing Tailwind class, call find_closest_tailwind_color. For Tailwind's own default colors (e.g. the value of slate-500), call get_tailwind_palette instead of writing them from memory; list_tailwind_colors gives the color names. To turn one color into the oklch() Tailwind v4 uses (or hex or rgb), call convert_color.",
  "tools": [
    {
      "description": "Converts any CSS color to oklch(), hex and rgb, formatted like Tailwind (oklch() is what Tailwind v4 uses). Colors outside a format are mapped into it: oklch() to Display P3 like Tailwind's palette, hex and rgb to sRGB. Use it for one value; to add a color with all its shades, call generate_palette instead.",
      "inputSchema": {
        "$schema": "https://json-schema.org/draft/2020-12/schema",
        "properties": {
          "color": {
            "description": "Any CSS color: hex (#db4d53), rgb(), hsl(), oklch() or a named color",
            "type": "string"
          }
        },
        "required": [
          "color"
        ],
        "type": "object"
      },
      "name": "convert_color",
      "outputSchema": {
        "$schema": "https://json-schema.org/draft/2020-12/schema",
        "additionalProperties": false,
        "properties": {
          "hex": {
            "description": "e.g. #db4d53",
            "type": "string"
          },
          "oklch": {
            "description": "e.g. oklch(61.6% 0.177 21.62)",
            "type": "string"
          },
          "rgb": {
            "description": "e.g. rgb(219, 77, 83)",
            "type": "string"
          }
        },
        "required": [
          "oklch",
          "hex",
          "rgb"
        ],
        "type": "object"
      }
    },
    {
      "description": "Finds the shade in Tailwind's default palette that looks most like a given color, e.g. #db4d53 -> red-500. Use it to pick an existing Tailwind class (bg-red-500) instead of an arbitrary value. If the difference is visible, use generate_palette to add the exact color as a custom palette instead.",
      "inputSchema": {
        "$schema": "https://json-schema.org/draft/2020-12/schema",
        "properties": {
          "color": {
            "description": "Any CSS color: hex (#db4d53), rgb(), hsl(), oklch() or a named color",
            "type": "string"
          },
          "tailwindVersion": {
            "description": "The project's Tailwind CSS major version. Defaults to 4",
            "enum": [
              4,
              3,
              2,
              1
            ],
            "type": "number"
          }
        },
        "required": [
          "color"
        ],
        "type": "object"
      },
      "name": "find_closest_tailwind_color",
      "outputSchema": {
        "$schema": "https://json-schema.org/draft/2020-12/schema",
        "additionalProperties": false,
        "properties": {
          "className": {
            "description": "Color part of a utility class, e.g. \"red-400\" for bg-red-400",
            "type": "string"
          },
          "distance": {
            "description": "OKLab distance: 0 is identical, under 0.02 is hard to see",
            "type": "number"
          },
          "input": {
            "additionalProperties": false,
            "description": "The input color",
            "properties": {
              "hex": {
                "type": "string"
              },
              "oklch": {
                "type": "string"
              }
            },
            "required": [
              "oklch",
              "hex"
            ],
            "type": "object"
          },
          "name": {
            "description": "Tailwind color name, e.g. \"red\"",
            "type": "string"
          },
          "shade": {
            "description": "Closest shade, e.g. 500",
            "type": "number"
          },
          "tailwindValue": {
            "additionalProperties": false,
            "description": "Tailwind's value for that shade",
            "properties": {
              "hex": {
                "type": "string"
              },
              "oklch": {
                "type": "string"
              }
            },
            "required": [
              "oklch",
              "hex"
            ],
            "type": "object"
          },
          "tailwindVersion": {
            "type": "number"
          },
          "visiblyDifferent": {
            "description": "True when the Tailwind shade looks different from the input",
            "type": "boolean"
          }
        },
        "required": [
          "name",
          "shade",
          "className",
          "tailwindValue",
          "input",
          "distance",
          "visiblyDifferent",
          "tailwindVersion"
        ],
        "type": "object"
      }
    },
    {
      "description": "Generates a full Tailwind CSS palette (50-950) from one color, ready to paste. Call it whenever you add a color to a Tailwind theme (e.g. \"add a brand color #db4d53\"), instead of writing a single variable or inventing shades. The input color stays exactly at its best-fit shade, and the other shades follow the closest Tailwind color, so they look like Tailwind's own.",
      "inputSchema": {
        "$schema": "https://json-schema.org/draft/2020-12/schema",
        "properties": {
          "color": {
            "description": "Any CSS color: hex (#db4d53), rgb(), hsl(), oklch() or a named color",
            "type": "string"
          },
          "format": {
            "description": "Color format. Defaults to oklch for v4 and hex for older versions",
            "enum": [
              "oklch",
              "hex",
              "rgb"
            ],
            "type": "string"
          },
          "name": {
            "description": "Color name used in the code, e.g. \"brand\". Defaults to the closest Tailwind color, which replaces Tailwind's own palette of that name (e.g. red), so pass a name unless that is what the user wants",
            "pattern": "^[a-z][a-z0-9-]*$",
            "type": "string"
          },
          "output": {
            "description": "theme: a v4 @theme block for the main CSS file. config: an object for theme.extend.colors in tailwind.config.js. css: plain CSS variables. Defaults to theme for v4 and config for older versions",
            "enum": [
              "theme",
              "config",
              "css"
            ],
            "type": "string"
          },
          "tailwindVersion": {
            "description": "The project's Tailwind CSS major version. Defaults to 4",
            "enum": [
              4,
              3,
              2,
              1
            ],
            "type": "number"
          }
        },
        "required": [
          "color"
        ],
        "type": "object"
      },
      "name": "generate_palette",
      "outputSchema": {
        "$schema": "https://json-schema.org/draft/2020-12/schema",
        "additionalProperties": false,
        "properties": {
          "closestTailwindColor": {
            "description": "Tailwind color whose curve the palette follows",
            "type": "string"
          },
          "code": {
            "description": "The palette as code, ready to paste",
            "type": "string"
          },
          "format": {
            "type": "string"
          },
          "inputShade": {
            "description": "Shade that holds the input color unchanged, e.g. 500",
            "type": "number"
          },
          "name": {
            "type": "string"
          },
          "output": {
            "type": "string"
          },
          "replacesTailwindColor": {
            "description": "True when the code replaces a default Tailwind palette (default color name, theme or config output)",
            "type": "boolean"
          },
          "shades": {
            "items": {
              "additionalProperties": false,
              "properties": {
                "shade": {
                  "type": "number"
                },
                "value": {
                  "type": "string"
                }
              },
              "required": [
                "shade",
                "value"
              ],
              "type": "object"
            },
            "type": "array"
          },
          "tailwindVersion": {
            "type": "number"
          }
        },
        "required": [
          "code",
          "name",
          "tailwindVersion",
          "format",
          "output",
          "inputShade",
          "closestTailwindColor",
          "shades",
          "replacesTailwindColor"
        ],
        "type": "object"
      }
    },
    {
      "description": "Looks up Tailwind's own default colors, exactly as Tailwind defines them: a whole color (e.g. \"blue\", all shades) or one shade (e.g. \"slate-500\"), for Tailwind v4, v3, v2 or v1. Use it instead of writing default Tailwind color values from memory. Values are oklch() in v4 and hex in older versions.",
      "inputSchema": {
        "$schema": "https://json-schema.org/draft/2020-12/schema",
        "properties": {
          "name": {
            "description": "A default Tailwind color, like \"blue\", or one shade of it, like \"blue-500\"",
            "type": "string"
          },
          "tailwindVersion": {
            "description": "The project's Tailwind CSS major version. Defaults to 4",
            "enum": [
              4,
              3,
              2,
              1
            ],
            "type": "number"
          }
        },
        "required": [
          "name"
        ],
        "type": "object"
      },
      "name": "get_tailwind_palette",
      "outputSchema": {
        "$schema": "https://json-schema.org/draft/2020-12/schema",
        "additionalProperties": false,
        "properties": {
          "name": {
            "description": "Tailwind color name, e.g. \"blue\"",
            "type": "string"
          },
          "shades": {
            "description": "All shades, or only the one asked for",
            "items": {
              "additionalProperties": false,
              "properties": {
                "className": {
                  "description": "Color part of a utility class, e.g. \"blue-500\" for bg-blue-500",
                  "type": "string"
                },
                "shade": {
                  "type": "number"
                },
                "value": {
                  "description": "Tailwind's value: oklch() in v4, hex in older versions",
                  "type": "string"
                }
              },
              "required": [
                "shade",
                "className",
                "value"
              ],
              "type": "object"
            },
            "type": "array"
          },
          "tailwindVersion": {
            "type": "number"
          }
        },
        "required": [
          "name",
          "tailwindVersion",
          "shades"
        ],
        "type": "object"
      }
    },
    {
      "description": "Lists the names of Tailwind's default colors for a Tailwind version (e.g. red, slate, mauve in v4), with the shades each one has and its 500 value as a sample. Use it to see which colors exist before calling get_tailwind_palette or picking a utility class.",
      "inputSchema": {
        "$schema": "https://json-schema.org/draft/2020-12/schema",
        "properties": {
          "tailwindVersion": {
            "description": "The project's Tailwind CSS major version. Defaults to 4",
            "enum": [
              4,
              3,
              2,
              1
            ],
            "type": "number"
          }
        },
        "type": "object"
      },
      "name": "list_tailwind_colors",
      "outputSchema": {
        "$schema": "https://json-schema.org/draft/2020-12/schema",
        "additionalProperties": false,
        "properties": {
          "colors": {
            "items": {
              "additionalProperties": false,
              "properties": {
                "name": {
                  "description": "Color name, e.g. \"red\"",
                  "type": "string"
                },
                "sample": {
                  "description": "Tailwind's 500 value: oklch() in v4, hex in older versions",
                  "type": "string"
                }
              },
              "required": [
                "name",
                "sample"
              ],
              "type": "object"
            },
            "type": "array"
          },
          "shades": {
            "description": "Shades every color has, e.g. 50 to 950",
            "items": {
              "type": "number"
            },
            "type": "array"
          },
          "tailwindVersion": {
            "type": "number"
          }
        },
        "required": [
          "tailwindVersion",
          "shades",
          "colors"
        ],
        "type": "object"
      }
    }
  ]
}

Verify it yourself

curl -s https://api.teppi.xyz/v1/evidence/sha256:340e49b6b9ce69483805794ab2c549b28890554d9d9b1132966ade9fca0f7442 | sha256sum