Skills
.Work. You
Rest

draggable-dom-with-lit

Community

Create interactive draggable elements.

Design & Creative#html#interactive#svg#lit#web component#draggable
Authorrodydavis
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables the creation of interactive web components that allow users to drag and drop HTML and SVG elements within a defined canvas-like environment.

Core Features & Use Cases

  • Draggable Elements: Make any HTML or SVG element movable using mouse or touch input.
  • Canvas Interaction: Pan and zoom the entire canvas containing the draggable elements.
  • Lit Web Component: Built using Lit, ensuring reusability and framework-agnostic integration.
  • Use Case: Develop a visual editor or a diagramming tool where users can freely arrange elements on a page.

Quick Start

Use the draggable-dom-with-lit skill to create a draggable image element within a Lit web component.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: draggable-dom-with-lit
Download link: https://github.com/rodydavis/skills/archive/main.zip#draggable-dom-with-lit

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.