← WebMCP Directory

Tool tree

shaders.com

Developer ToolsTools verified
Website
Open-source (MIT) WebGPU shader components for Vue, React, Svelte, Solid & JS, plus a free design editor to compose and export them.
Explore capabilities

    page: Every page

    search_presetsAnswer

    Semantic search over the Shaders preset library (WebGPU background, logo and image effects). Returns matching presets with their collection, access tier (free or paid) and a URL to open.

    View tool JSON
    {
      "name": "search_presets",
      "kind": "answer",
      "impl": "imperative",
      "description": "Semantic search over the Shaders preset library (WebGPU background, logo and image effects). Returns matching presets with their collection, access tier (free or paid) and a URL to open.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "query": {
            "type": "string",
            "description": "What the effect should look like, e.g. \"glass logo with refraction\" or \"aurora gradient background\""
          }
        },
        "required": [
          "query"
        ]
      },
      "page": "/"
    }
    list_collectionsAnswer

    List the visible preset collections, optionally filtered by category: "background", "logo" or "image-effects". Each collection groups a family of related presets (variants).

    View tool JSON
    {
      "name": "list_collections",
      "kind": "answer",
      "impl": "imperative",
      "description": "List the visible preset collections, optionally filtered by category: \"background\", \"logo\" or \"image-effects\". Each collection groups a family of related presets (variants).",
      "inputSchema": {
        "type": "object",
        "properties": {
          "category": {
            "type": "string",
            "enum": [
              "background",
              "logo",
              "image-effects"
            ],
            "description": "Optional category filter"
          }
        }
      },
      "page": "/"
    }
    get_collectionAnswer

    Get one collection by slug: its description, technique explanation, tags, access tier and the list of preset variants with URLs.

    View tool JSON
    {
      "name": "get_collection",
      "kind": "answer",
      "impl": "imperative",
      "description": "Get one collection by slug: its description, technique explanation, tags, access tier and the list of preset variants with URLs.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "slug": {
            "type": "string",
            "description": "Collection slug, as returned by list_collections or search_presets"
          }
        },
        "required": [
          "slug"
        ]
      },
      "page": "/"
    }
    get_component_docsAnswer

    Return the documentation (Markdown) for one Shaders component, e.g. "Aurora", "Glass", "LiquidMetal": what it does, its props and defaults, and usage.

    View tool JSON
    {
      "name": "get_component_docs",
      "kind": "answer",
      "impl": "imperative",
      "description": "Return the documentation (Markdown) for one Shaders component, e.g. \"Aurora\", \"Glass\", \"LiquidMetal\": what it does, its props and defaults, and usage.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "component": {
            "type": "string",
            "description": "Component name, case-insensitive"
          }
        },
        "required": [
          "component"
        ]
      },
      "page": "/"
    }
    navigateAction

    Navigate this tab to a Shaders page: a preset (by id), a collection (by slug), a preset category, a component's docs, the docs guide, or pricing.

    View tool JSON
    {
      "name": "navigate",
      "kind": "act",
      "impl": "imperative",
      "description": "Navigate this tab to a Shaders page: a preset (by id), a collection (by slug), a preset category, a component's docs, the docs guide, or pricing.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "kind": {
            "type": "string",
            "enum": [
              "preset",
              "collection",
              "category",
              "component-docs",
              "docs",
              "pricing"
            ]
          },
          "id": {
            "type": "string",
            "description": "Preset id, collection slug, category name or component name (omit for docs/pricing)"
          }
        },
        "required": [
          "kind"
        ]
      },
      "page": "/"
    }