Agent skill

playwright-browser-drag

To drag and drop between elements on a web page, perform a drag interaction from a source to a target.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/development/playwright-browser-drag

SKILL.md

Usage

Use the MCP tool dev-swarm.request to send the payload as a JSON string:

json
{"server_id":"playwright","tool_name":"browser_drag","arguments":{}}

Tool Description

Perform drag and drop between two elements

Arguments Schema

The schema below describes the arguments object in the request payload.

json
{
  "type": "object",
  "properties": {
    "startElement": {
      "type": "string",
      "description": "Human-readable source element description used to obtain the permission to interact with the element"
    },
    "startRef": {
      "type": "string",
      "description": "Exact source element reference from the page snapshot"
    },
    "endElement": {
      "type": "string",
      "description": "Human-readable target element description used to obtain the permission to interact with the element"
    },
    "endRef": {
      "type": "string",
      "description": "Exact target element reference from the page snapshot"
    }
  },
  "required": [
    "startElement",
    "startRef",
    "endElement",
    "endRef"
  ],
  "additionalProperties": false,
  "$schema": "http://json-schema.org/draft-07/schema#"
}

Background Tasks

If the tool returns a task id, poll the task status via the MCP request tool:

json
{"server_id":"playwright","method":"tasks/status","params":{"task_id":"<task_id>"}}

Didn't find tool you were looking for?

Be as detailed as possible for better results