← WebMCP Directory

Tool tree

tweak-webmcp-playground.wpuser.chatgpt.site

Developer ToolsTools verified
Website
A WebMCP-enabled design playground where humans and AI agents improve the same structured interface.
Explore capabilities
    inspect_uiAnswer

    Inspect the complete editable dashboard or one semantic component. Returns structure, effective semantic values with token-versus-override provenance, shared tokens, recent history, and human lock state. Call this before proposing design changes.

    View tool JSON
    {
      "name": "inspect_ui",
      "kind": "answer",
      "impl": "imperative",
      "description": "Inspect the complete editable dashboard or one semantic component. Returns structure, effective semantic values with token-versus-override provenance, shared tokens, recent history, and human lock state. Call this before proposing design changes.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "component_id": {
            "type": "string",
            "description": "Optional semantic component id, such as chart.revenue or metric.revenue."
          }
        },
        "additionalProperties": false
      }
    }
    update_componentAction

    Modify one component through Tweak’s semantic mutation system. Supports only variant, padding, alignment, emphasis, typography style, and radius. Set padding or radius to null to remove its local override and inherit the shared token. Human-locked components are never changed. Raw CSS is not accepted.

    View tool JSON
    {
      "name": "update_component",
      "kind": "act",
      "impl": "imperative",
      "description": "Modify one component through Tweak’s semantic mutation system. Supports only variant, padding, alignment, emphasis, typography style, and radius. Set padding or radius to null to remove its local override and inherit the shared token. Human-locked components are never changed. Raw CSS is not accepted.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "component_id": {
            "type": "string",
            "description": "Exact component id returned by inspect_ui."
          },
          "properties": {
            "type": "object",
            "properties": {
              "variant": {
                "type": "string",
                "enum": [
                  "flat",
                  "outlined",
                  "elevated"
                ]
              },
              "padding": {
                "anyOf": [
                  {
                    "type": "integer",
                    "minimum": 8,
                    "maximum": 40
                  },
                  {
                    "type": "null"
                  }
                ],
                "description": "Pixels, or null to inherit spacing.card."
              },
              "alignment": {
                "type": "string",
                "enum": [
                  "left",
                  "center",
                  "right",
                  "space-between"
                ]
              },
              "emphasis": {
                "type": "string",
                "enum": [
                  "low",
                  "medium",
                  "high"
                ]
              },
              "typography_style": {
                "type": "string",
                "enum": [
                  "compact",
                  "balanced",
                  "display"
                ]
              },
              "radius": {
                "anyOf": [
                  {
                    "type": "integer",
                    "minimum": 4,
                    "maximum": 24
                  },
                  {
                    "type": "null"
                  }
                ],
                "description": "Pixels, or null to inherit radius.card."
              }
            },
            "minProperties": 1,
            "additionalProperties": false
          }
        },
        "required": [
          "component_id",
          "properties"
        ],
        "additionalProperties": false
      }
    }
    update_tokenAction

    Modify one shared design-system token through Tweak’s mutation system. Returns the exact components affected and any human-locked components that retained a protected snapshot. Raw CSS is not accepted.

    View tool JSON
    {
      "name": "update_token",
      "kind": "act",
      "impl": "imperative",
      "description": "Modify one shared design-system token through Tweak’s mutation system. Returns the exact components affected and any human-locked components that retained a protected snapshot. Raw CSS is not accepted.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "token_id": {
            "type": "string",
            "enum": [
              "radius.card",
              "spacing.card",
              "spacing.grid",
              "typography.scale",
              "color.accent",
              "color.canvas"
            ]
          },
          "value": {
            "description": "A valid token value: bounded number, named typography density, or six-digit hex color.",
            "anyOf": [
              {
                "type": "integer"
              },
              {
                "type": "string",
                "maxLength": 32
              }
            ]
          }
        },
        "required": [
          "token_id",
          "value"
        ],
        "additionalProperties": false
      }
    }
    revert_changesAction

    Selectively reverse one or more current agent-created history entries by change id. Reversions are recorded as agent history entries and will not modify human-locked components.

    View tool JSON
    {
      "name": "revert_changes",
      "kind": "act",
      "impl": "imperative",
      "description": "Selectively reverse one or more current agent-created history entries by change id. Reversions are recorded as agent history entries and will not modify human-locked components.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "change_ids": {
            "type": "array",
            "minItems": 1,
            "uniqueItems": true,
            "items": {
              "type": "string",
              "minLength": 1
            },
            "description": "Agent history entry IDs returned by inspect_ui."
          }
        },
        "required": [
          "change_ids"
        ],
        "additionalProperties": false
      }
    }