Claude Code Plugins

Community-maintained marketplace

Feedback

playwright-browser-drag

@X-School-Academy/ai-dev-swarm
6
21

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

Install Skill

Shared

Installs to .agents/skills, used by Codex, Amp, Warp, Cursor, OpenCode, and more.

CodexAmp
Warp
CursorOpenCode
Cline
Gemini CLI
GitHub Copilot
Personal

Available across projects.

$npx skills-installer add @X-School-Academy/ai-dev-swarm/playwright-browser-drag --client shared
Project

Writes to .agents/skills.

$npx skills-installer add @X-School-Academy/ai-dev-swarm/playwright-browser-drag -p --client shared
Note: Review the skill instructions before using it.

SKILL.md

name playwright-browser-drag
description To drag and drop between elements on a web page, perform a drag interaction from a source to a target.

Usage

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

{"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.

{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "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
}

Background Tasks

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

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