{"apiVersion":"v1","directorySlug":"gradientdeck-mcp-d75e8e213c","title":"GradientDeck","description":"Create CSS gradients, animations, glass effects, patterns, and color palettes with live previews and copy-ready code.","pageUrl":"https://www.mcpbundles.com/skills/gradientdeck-mcp-d75e8e213c","connectPath":"importable","connectAction":"import_server","catalogListing":false,"bundleSlug":null,"listingKind":"remote_mcp","kind":"provider","transportUrl":"https://mcp.gradientdeck.com/mcp","hostedMcpUrl":null,"toolCount":29,"toolInventoryStatus":"observed","refreshedAt":"2026-11-03T13:26:00.516172+00:00","registryName":"com.gradientdeck/gradientdeck-mcp-d75e8e213c","registryVersion":"2026.11.3","registryEligible":true,"tools":[{"name":"list_asset_kinds","description":"List every GradientDeck asset kind (gradients, patterns, animations, icons, palettes, etc.) with the count of available assets per kind. Call this first to learn what GradientDeck offers.","inputSchema":{"type":"object","properties":{}},"title":"List GradientDeck asset kinds","logicalName":"list_asset_kinds","displayName":"List GradientDeck asset kinds","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"search_assets","description":"Search the static GradientDeck catalog (gradients, patterns, CSS animations, animated icons, color palettes, Tailwind colors, mesh presets, shadows, Liquid Glass presets) by free-text query, kind, colors, or tags. Returns concise entries (no full code) by default. Use get_asset or render_asset_code for full code.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"kind":{"anyOf":[{"enum":["background_gradient","text_gradient","pattern_background","css_animation","animated_icon","color_palette","tailwind_color","box_shadow","glassmorphism_preset","blob_preset","mesh_gradient_preset"],"type":"string"},{"type":"array","items":{"enum":["background_gradient","text_gradient","pattern_background","css_animation","animated_icon","color_palette","tailwind_color","box_shadow","glassmorphism_preset","blob_preset","mesh_gradient_preset"],"type":"string"}}]},"tags":{"type":"array","items":{"type":"string","maxLength":40},"maxItems":20},"limit":{"type":"integer","default":10,"maximum":50,"minimum":1},"query":{"type":"string","maxLength":200},"colors":{"type":"array","items":{"type":"string"},"maxItems":20}}},"title":"Search GradientDeck assets","logicalName":"search_assets","displayName":"Search GradientDeck assets","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_asset","description":"Fetch a single GradientDeck asset by its stable id (e.g. gradient.from-amber-200-to-yellow-500, pattern.top-gradient-radial, animation.scale-up-center, icon.rocket). Returns the full asset record and recommended output formats.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["id"],"properties":{"id":{"type":"string","maxLength":120,"minLength":1},"format":{"enum":["css","tailwind","react","tsx","jsx","html","svg","json"],"type":"string"}}},"title":"Get a GradientDeck asset","logicalName":"get_asset","displayName":"Get a GradientDeck asset","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"render_asset_code","description":"Convert a known GradientDeck asset into code for a specific format (css, tailwind, react, tsx, jsx, html, svg, json).","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["id","format"],"properties":{"id":{"type":"string","maxLength":120,"minLength":1},"format":{"enum":["css","tailwind","react","tsx","jsx","html","svg","json"],"type":"string"},"options":{"type":"object","properties":{"darkMode":{"type":"boolean"},"className":{"type":"string","maxLength":120},"responsive":{"type":"boolean"},"componentName":{"type":"string","maxLength":80},"includeComments":{"type":"boolean"}}},"framework":{"enum":["plain","react","nextjs","tailwind","framer-motion","motion"],"type":"string"}}},"title":"Render asset as code","logicalName":"render_asset_code","displayName":"Render asset as code","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"generate_gradient","description":"Generate a new background gradient. Provide colors, or describe a mood/useCase to pick a palette. Returns CSS and/or Tailwind (default).","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"mood":{"type":"string","maxLength":80},"type":{"enum":["linear","radial","conic"],"type":"string"},"colors":{"type":"array","items":{"type":"string"},"maxItems":6,"minItems":2},"format":{"enum":["css","tailwind","react","tsx","jsx","html","svg","json"],"type":"string"},"useCase":{"type":"string","maxLength":80},"direction":{"enum":["to-r","to-l","to-t","to-b","to-tr","to-tl","to-br","to-bl"],"type":"string"},"framework":{"enum":["plain","react","nextjs","tailwind","framer-motion","motion"],"type":"string"}}},"title":"Generate a background gradient","logicalName":"generate_gradient","displayName":"Generate a background gradient","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"generate_text_gradient","description":"Generate a clipped text gradient (background-clip: text). Returns CSS, Tailwind, React/TSX, or HTML.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"mood":{"type":"string","maxLength":80},"text":{"type":"string","maxLength":200},"colors":{"type":"array","items":{"type":"string"},"maxItems":6,"minItems":2},"format":{"enum":["css","tailwind","react","tsx","html"],"type":"string"},"className":{"type":"string","maxLength":120},"direction":{"enum":["to-r","to-l","to-t","to-b","to-tr","to-tl","to-br","to-bl"],"type":"string"}}},"title":"Generate a text gradient","logicalName":"generate_text_gradient","displayName":"Generate a text gradient","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"generate_pattern_background","description":"Generate a CSS pattern background (grid, dots, diagonal, waves, checker, radial, geometric). Returns CSS, Tailwind (inline), React/TSX, or SVG.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"size":{"type":"integer","maximum":256,"minimum":4},"style":{"enum":["grid","dots","diagonal","waves","checker","radial","geometric","auto"],"type":"string"},"format":{"enum":["css","tailwind","react","tsx","svg"],"type":"string"},"opacity":{"type":"number","maximum":1,"minimum":0},"pattern":{"type":"string","maxLength":80},"backgroundColor":{"type":"string"},"foregroundColor":{"type":"string"}}},"title":"Generate a pattern background","logicalName":"generate_pattern_background","displayName":"Generate a pattern background","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_animation_css","description":"Get a CSS @keyframes animation by name/intent, with optional duration, delay, easing, iteration, direction, fill mode overrides. Returns CSS (default), Tailwind, or React/TSX.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"easing":{"type":"string","maxLength":80},"format":{"enum":["css","tailwind","react","tsx"],"type":"string"},"intent":{"type":"string","maxLength":80},"delayMs":{"type":"integer","maximum":60000,"minimum":0},"fillMode":{"enum":["none","forwards","backwards","both"],"type":"string"},"animation":{"type":"string","maxLength":120},"direction":{"enum":["normal","reverse","alternate","alternate-reverse"],"type":"string"},"durationMs":{"type":"integer","maximum":60000,"minimum":50},"iterationCount":{"anyOf":[{"type":"integer","maximum":9007199254740991,"minimum":0},{"type":"string","const":"infinite"}]}}},"title":"Get CSS animation","logicalName":"get_animation_css","displayName":"Get CSS animation","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_animated_icon","description":"Generate an animated icon component (lucide-react + motion by default, or a dependency-free inline SVG). Choose animation: float, pulse, spin, bounce, wiggle, fade.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["icon"],"properties":{"icon":{"type":"string","maxLength":80,"minLength":1},"size":{"type":"integer","maximum":512,"minimum":8},"color":{"type":"string"},"library":{"enum":["lucide-react","inline-svg"],"type":"string"},"animation":{"type":"string","maxLength":80},"framework":{"enum":["react","nextjs","html","svg"],"type":"string"},"strokeWidth":{"type":"number","maximum":4,"minimum":0.5},"componentName":{"type":"string","maxLength":80},"motionLibrary":{"enum":["motion","framer-motion","css"],"type":"string"}}},"title":"Get an animated icon","logicalName":"get_animated_icon","displayName":"Get an animated icon","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"generate_palette","description":"Generate a color palette from a seed color (harmony-based) or a mood/useCase. Optionally include Tailwind mapping, CSS variables, and a dark mode variant.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"mood":{"type":"string","maxLength":80},"count":{"type":"integer","maximum":12,"minimum":2},"useCase":{"type":"string","maxLength":80},"seedColor":{"type":"string"},"includeDarkMode":{"type":"boolean"},"includeCssVariables":{"type":"boolean"},"includeTailwindMapping":{"type":"boolean"}}},"title":"Generate a color palette","logicalName":"generate_palette","displayName":"Generate a color palette","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"map_color_to_tailwind","description":"Find the closest Tailwind CSS color(s) to any hex/rgb/hsl/named color, using perceptual RGB distance. Returns ranked matches with distances.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["color"],"properties":{"color":{"type":"string"},"limit":{"type":"integer","default":5,"maximum":20,"minimum":1}}},"title":"Map a color to Tailwind","logicalName":"map_color_to_tailwind","displayName":"Map a color to Tailwind","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"check_contrast","description":"Check the WCAG contrast ratio between a foreground and background color (AA/AAA for normal and large text), with suggested accessible alternatives.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["foreground","background"],"properties":{"fontSize":{"type":"number","maximum":200,"minimum":1},"background":{"type":"string"},"fontWeight":{"type":"integer","maximum":900,"minimum":100},"foreground":{"type":"string"}}},"title":"Check WCAG contrast","logicalName":"check_contrast","displayName":"Check WCAG contrast","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"generate_blob_svg","description":"Generate an organic blob SVG path. Supports a seed for deterministic output. Returns SVG (default), React/TSX, or CSS background.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"seed":{"type":"string","maxLength":80},"color":{"type":"string"},"width":{"type":"integer","maximum":4096,"minimum":16},"format":{"enum":["svg","react","tsx","css"],"type":"string"},"height":{"type":"integer","maximum":4096,"minimum":16},"contrast":{"type":"number","maximum":100,"minimum":0},"complexity":{"type":"number","maximum":20,"minimum":2},"randomness":{"type":"number","maximum":1,"minimum":0},"smoothness":{"type":"number","maximum":1,"minimum":0}}},"title":"Generate a blob SVG","logicalName":"generate_blob_svg","displayName":"Generate a blob SVG","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"generate_mesh_gradient","description":"Generate a mesh gradient from colors or explicit points (layered radial-gradients). No WebGL. Returns CSS (default), Tailwind, React/TSX, or SVG.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"blur":{"type":"number","maximum":200,"minimum":0},"noise":{"type":"boolean"},"colors":{"type":"array","items":{"type":"string"},"maxItems":8,"minItems":2},"format":{"enum":["css","tailwind","react","tsx","svg"],"type":"string"},"points":{"type":"array","items":{"type":"object","required":["x","y","color"],"properties":{"x":{"type":"number","maximum":100,"minimum":0},"y":{"type":"number","maximum":100,"minimum":0},"color":{"type":"string"}}},"maxItems":10},"backgroundColor":{"type":"string"}}},"title":"Generate a mesh gradient","logicalName":"generate_mesh_gradient","displayName":"Generate a mesh gradient","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"generate_glassmorphism","description":"Generate an Apple-style Liquid Glass treatment: translucent tint, blur, saturation, contrast, border, rim light, specular shine, and shadow. Returns CSS (default), Tailwind, or React/TSX.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"blur":{"type":"number","maximum":200,"minimum":0},"format":{"enum":["css","tailwind","react","tsx"],"type":"string"},"radius":{"type":"number","maximum":64,"minimum":0},"shadow":{"enum":["none","sm","md","lg","xl"],"type":"string"},"opacity":{"type":"number","maximum":1,"minimum":0},"background":{"anyOf":[{"enum":["light","dark"],"type":"string"},{"type":"string"}]},"borderOpacity":{"type":"number","maximum":1,"minimum":0}}},"title":"Generate Liquid Glass","logicalName":"generate_glassmorphism","displayName":"Generate Liquid Glass","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"generate_box_shadow","description":"Generate a box shadow by style (soft, sharp, elevated, inner, neon, material) and elevation. Returns CSS (default), Tailwind, or React/TSX.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"color":{"type":"string"},"style":{"enum":["soft","sharp","elevated","inner","neon","material","auto"],"type":"string"},"format":{"enum":["css","tailwind","react","tsx"],"type":"string"},"elevation":{"type":"integer","maximum":24,"minimum":0}}},"title":"Generate a box shadow","logicalName":"generate_box_shadow","displayName":"Generate a box shadow","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"compose_ui_treatment","description":"The killer tool. Compose multiple GradientDeck abilities (mesh gradient, pattern overlay, text gradient, liquid glass surface, shadow, animation, icon) into one production-ready React/Next.js component for a hero, pricing, card, CTA, dashboard, empty state, login, navbar, footer, or section.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"mood":{"type":"string","maxLength":80},"include":{"type":"object","properties":{"icon":{"type":"boolean"},"mesh":{"type":"boolean"},"glass":{"type":"boolean"},"shadow":{"type":"boolean"},"palette":{"type":"boolean"},"pattern":{"type":"boolean"},"gradient":{"type":"boolean"},"animation":{"type":"boolean"}}},"useCase":{"enum":["hero","pricing","dashboard","card","empty_state","login","navbar","footer","cta","section","auto"],"type":"string"},"darkMode":{"type":"boolean"},"framework":{"enum":["tailwind","react","nextjs"],"type":"string"},"brandColor":{"type":"string"},"componentName":{"type":"string","maxLength":80}}},"title":"Compose a full UI treatment","logicalName":"compose_ui_treatment","displayName":"Compose a full UI treatment","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"recommend_design","description":"The design advisor. Given what you're building (product, audience, mood, platform), returns a full design direction — palette, background, pattern, shadows, typography, motion, radius — with the RATIONALE for each choice, do/don'ts, and accessibility notes. Grounded in curated recipes. Use this instead of guessing which assets to combine.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["product"],"properties":{"mood":{"type":"string","maxLength":120},"product":{"type":"string","maxLength":300,"minLength":3},"audience":{"type":"string","maxLength":120},"platform":{"enum":["web","mobile","desktop","tablet"],"type":"string"},"brandColor":{"type":"string"}}},"title":"Recommend a design direction","logicalName":"recommend_design","displayName":"Recommend a design direction","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"critique_design","description":"Review a component (code or description) and return structured findings: WCAG contrast failures (with exact alternatives), radius/shadow/hierarchy/a11y issues, plus strengths and quick wins. Grounded — contrast is computed, not guessed.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"code":{"type":"string","maxLength":20000},"goals":{"type":"array","items":{"type":"string","maxLength":80},"maxItems":6}}},"title":"Critique a UI design","logicalName":"critique_design","displayName":"Critique a UI design","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"explain_concept","description":"Explain a design concept (Liquid Glass, mesh gradient, elevation, color harmony, text gradient, patterns, animation principles, accessibility) — when to use, when not to, pitfalls, how to implement, and 3 catalog examples with code. Grounded in the asset catalog.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["concept"],"properties":{"concept":{"type":"string","maxLength":80,"minLength":2}}},"title":"Explain a design concept","logicalName":"explain_concept","displayName":"Explain a design concept","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"color_theory","description":"From a seed color, derive ALL harmony schemes (complementary, analogous, triadic, split-complementary, tetradic, monochromatic) with hex values and when-to-use guidance. The reasoning layer over generate_palette.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["color"],"properties":{"color":{"type":"string"},"count":{"type":"integer","maximum":6,"minimum":2}}},"title":"Generate color harmony schemes","logicalName":"color_theory","displayName":"Generate color harmony schemes","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"generate_design_system","description":"From a single seed color, generate a complete, consistent design system: 11-step brand scale, semantic colors, neutrals, radius/typography/motion/elevation tokens, and component treatments (button/card/input/modal). Output as CSS variables, Tailwind config, Style Dictionary, or Figma tokens.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["seedColor"],"properties":{"format":{"enum":["css","tailwind","style-dictionary","figma"],"type":"string"},"product":{"type":"string","maxLength":120},"seedColor":{"type":"string"},"includeDarkMode":{"type":"boolean"}}},"title":"Generate a full design system","logicalName":"generate_design_system","displayName":"Generate a full design system","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"list_recipes","description":"List curated design recipes (premium-dark-saas-hero, fintech-trust-dashboard, playful-mobile-onboarding, etc.) — expert, opinionated design bundles. Filter by useCase/mood/industry. Each recipe bundles palette, typography, motion, do/don't, a11y, and cited assets.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"mood":{"type":"string","maxLength":60},"useCase":{"type":"string","maxLength":60},"industry":{"type":"string","maxLength":60}}},"title":"List design recipes","logicalName":"list_recipes","displayName":"List design recipes","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_recipe","description":"Get the full design recipe by id — direction, rationale, do/don't, a11y, cited asset ids. Use apply_recipe to render it as a component.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["id"],"properties":{"id":{"type":"string","maxLength":120,"minLength":1}}},"title":"Get a design recipe","logicalName":"get_recipe","displayName":"Get a design recipe","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"apply_recipe","description":"Render a curated design recipe as a production-ready React/Next.js component (via compose_ui_treatment), plus the recipe's direction, rationale, do/don't, and a11y notes. Optionally override the brand color.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["id"],"properties":{"id":{"type":"string","maxLength":120,"minLength":1},"format":{"enum":["tsx","css","tailwind"],"type":"string"},"framework":{"enum":["tailwind","react","nextjs"],"type":"string"},"brandColor":{"type":"string"}}},"title":"Render a recipe as a component","logicalName":"apply_recipe","displayName":"Render a recipe as a component","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"recommend_assets_for","description":"Recommend concrete GradientDeck assets for an intent (e.g. 'background behind white text', 'hero gradient', 'card elevation', 'calm dashboard pattern') — scored by computed affordances (use-case tagging, WCAA-safe-for-white-text, energy level). Each result explains WHY it fits.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["useCase"],"properties":{"a11y":{"enum":["AA","AAA"],"type":"string"},"kind":{"enum":["background_gradient","text_gradient","pattern_background","css_animation","animated_icon","color_palette","tailwind_color","box_shadow","glassmorphism_preset","mesh_gradient_preset"],"type":"string"},"mood":{"type":"string","maxLength":60},"limit":{"type":"integer","default":6,"maximum":20,"minimum":1},"useCase":{"type":"string","maxLength":60,"minLength":2}}},"title":"Recommend assets for a use case","logicalName":"recommend_assets_for","displayName":"Recommend assets for a use case","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"slop_test","description":"Run the 58-gate anti-AI-slop audit on HTML/CSS/JSX/Tailwind code. Returns per-gate pass/fail/review, ranked findings with fixes, and a verdict (ships as slop / reads as AI-generated / clean). Catches the named tells: purple-gradient heroes, gradient text, Inter-everywhere, centred heroes, icon-tile grids, transition-all, invented metrics, re-drawn chrome, and more.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["code"],"properties":{"code":{"type":"string","maxLength":50000}}},"title":"Audit code against the 58-gate slop test","logicalName":"slop_test","displayName":"Audit code against the 58-gate slop test","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"study_design","description":"Paste HTML/CSS and get a design DNA report: palette (anchor + colors), typography (font families), macrostructure guess, slop flags, and a portable design.md spec you can build against. Reads structure, not pixels — never a pixel-clone.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["markup"],"properties":{"markup":{"type":"string","maxLength":50000}}},"title":"Extract design DNA from markup","logicalName":"study_design","displayName":"Extract design DNA from markup","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"pick_macrostructure","description":"Pick a categorically-different page macrostructure for a build, avoiding ones already used (pass them in `previous`). Enforces structural variety so two pages don't feel like the same template. Returns ranked picks with rationale.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"brief":{"type":"string","maxLength":300},"limit":{"type":"integer","default":3,"maximum":5,"minimum":1},"previous":{"type":"array","items":{"type":"string","maxLength":60},"maxItems":20}}},"title":"Pick a page macrostructure (variety rotation)","logicalName":"pick_macrostructure","displayName":"Pick a page macrostructure (variety rotation)","annotations":{"untrustedContentHint":true,"readOnlyHint":true}}],"toolSource":"directory_preview","agentAction":"both","installLinks":[{"id":"cursor","label":"Cursor","href":"cursor://anysphere.cursor-deeplink/mcp/install?name=GradientDeck&config=eyJ1cmwiOiAiaHR0cHM6Ly9tY3AuZ3JhZGllbnRkZWNrLmNvbS9tY3AifQ%3D%3D"},{"id":"vscode","label":"VS Code","href":"vscode:mcp/install?%7B%22name%22%3A%22GradientDeck%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.gradientdeck.com%2Fmcp%22%7D"},{"id":"vscode-insiders","label":"VS Code Insiders","href":"vscode-insiders:mcp/install?%7B%22name%22%3A%22GradientDeck%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.gradientdeck.com%2Fmcp%22%7D"},{"id":"claude-web","label":"Claude.ai","href":"https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=GradientDeck&connectorUrl=https%3A%2F%2Fmcp.gradientdeck.com%2Fmcp"},{"id":"codex","label":"Codex","copyText":"codex mcp add \"GradientDeck\" --url \"https://mcp.gradientdeck.com/mcp\""},{"id":"chatgpt","label":"ChatGPT","href":"https://www.mcpbundles.com/docs/integrations/chatgpt"}],"catalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/gradientdeck-mcp-d75e8e213c","callUrl":"https://www.mcpbundles.com/api/directory/v1/servers/gradientdeck-mcp-d75e8e213c/tools/{tool}","mcpServerUrl":"https://mcp.gradientdeck.com/mcp","liveCatalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/gradientdeck-mcp-d75e8e213c?live=1"}