Skills
.Work. You
Rest

Drag and Drop

Community

Intuitive item reordering.

Design & Creative#accessibility#interaction design#drag and drop#ui patterns#reordering#kanban board
Authorthedaviddias
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a structured approach to implementing drag-and-drop functionality, enabling users to intuitively reorder items spatially while ensuring accessibility and clear feedback.

Core Features & Use Cases

  • Intuitive Reordering: Allows users to move and reorder items within lists or across different stages.
  • Accessibility: Includes guidance for keyboard alternatives and screen reader support.
  • Use Case: Implementing a Kanban board where users can drag cards between "To Do," "In Progress," and "Done" columns.

Quick Start

Implement drag and drop functionality for reordering list items.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: Drag and Drop
Download link: https://github.com/thedaviddias/ux-patterns-for-developers/archive/main.zip#drag-and-drop

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.