io.github.bourhaouta/tailwindshades

Est-ce que io.github.bourhaouta/tailwindshades est sûr ?

Au dernier audit MCP Hub, le serveur MCP « io.github.bourhaouta/tailwindshades » est classé « Non encore testé ». Référencé dans l'annuaire. Seul le pentest comportemental fait foi, et il n'a pas encore été exécuté sur ce serveur. Le verdict est réévalué en continu ; consultez la fiche pour l'état à jour.

Méthode : MCP Hub analyse la description de chaque outil (couche 1) et, pour le verdict fort, exécute le serveur dans une micro-VM isolée avec leurres et réseau bloqué (couche 2). On publie des noms et des compteurs, jamais le contenu brut renvoyé par un outil.

Les 5 outils

• convert_color≈ 274 tokens

  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.

  Paramètres, retour & exemple (1)

  Paramètres

  • color · string · requis
    Any CSS color: hex (#db4d53), rgb(), hsl(), oklch() or a named color

  Exemple d'appel

  {"name": "convert_color", "arguments": {"color": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}], "structuredContent": {"hex": "texte", "rgb": "texte", "oklch": "texte"}}

• find_closest_tailwind_color≈ 520 tokens

  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.

  Paramètres, retour & exemple (2)

  Paramètres

  • color · string · requis
    Any CSS color: hex (#db4d53), rgb(), hsl(), oklch() or a named color
  • tailwindVersion · number · optionnel · 4 | 3 | 2 | 1
    The project's Tailwind CSS major version. Defaults to 4

  Exemple d'appel

  {"name": "find_closest_tailwind_color", "arguments": {"color": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}], "structuredContent": {"name": "texte", "input": {}, "shade": 1, "distance": 1, "className": "texte", "tailwindValue": {}, "tailwindVersion": 1, "visiblyDifferent": true}}

• generate_palette≈ 1114 tokens

  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.

  Paramètres, retour & exemple (7)

  Paramètres

  • name · string · optionnel
    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
  • color · string · requis
    Any CSS color: hex (#db4d53), rgb(), hsl(), oklch() or a named color
  • plain · boolean · optionnel
    With output live or shopify: a plain :root block instead of @theme, for projects without Tailwind (like the Dawn theme)
  • format · string · optionnel · oklch | hex | rgb
    Color format. Defaults to oklch for v4 and hex for older versions
  • output · string · optionnel · theme | config | css | live | shopify
    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. live (v4 only): for a color picked at runtime (user, tenant or CMS setting): CSS where every shade follows one variable, --color-<name>, rebuilt in the browser with relative colors, with this palette as the fallback. shopify (v4 only): live, plus a settings_schema.json color setting and the Liquid line for snippets/css-variables.liquid, for Shopify themes where the merchant picks the color in the theme editor. Each part says which file it goes in. Defaults to theme for v4 and config for older versions
  • semantic · boolean · optionnel
    With output live or shopify: also add --color-<name>-foreground for text on the color: white or the darkest shade, whichever contrasts more, following the runtime color
  • tailwindVersion · number · optionnel · 4 | 3 | 2 | 1
    The project's Tailwind CSS major version. Defaults to 4

  Exemple d'appel

  {"name": "generate_palette", "arguments": {"color": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}], "structuredContent": {"code": "texte", "name": "texte", "avoid": {}, "format": "texte", "output": "texte", "shades": [], "inputShade": 1, "readablePairs": [], "tailwindVersion": 1, "closestTailwindColor": "texte", "replacesTailwindColor": true}}

• get_tailwind_palette≈ 410 tokens

  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.

  Paramètres, retour & exemple (2)

  Paramètres

  • name · string · requis
    A default Tailwind color, like "blue", or one shade of it, like "blue-500"
  • tailwindVersion · number · optionnel · 4 | 3 | 2 | 1
    The project's Tailwind CSS major version. Defaults to 4

  Exemple d'appel

  {"name": "get_tailwind_palette", "arguments": {"name": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}], "structuredContent": {"name": "texte", "shades": [], "tailwindVersion": 1}}

• list_tailwind_colors≈ 336 tokens

  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.

  Paramètres, retour & exemple (1)

  Paramètres

  • tailwindVersion · number · optionnel · 4 | 3 | 2 | 1
    The project's Tailwind CSS major version. Defaults to 4

  Exemple d'appel

  {"name": "list_tailwind_colors", "arguments": {"tailwindVersion": 4}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}], "structuredContent": {"colors": [], "shades": [], "tailwindVersion": 1}}

C'est votre serveur ?

Revendiquez-le sur l'espace créateur (preuve GitHub, domaine ou npm) pour afficher le badge « propriétaire vérifié » et lancer un pentest comportemental à la demande afin d'obtenir le badge « Vérifié ».

Créer un compte / revendiquer →

Source

https://tailwindshades.bourhaouta.com/mcp