๐ŸŽฏ

implementing-drag-drop

๐ŸŽฏSkill

from ancoleman/ai-design-components

VibeIndex|
What it does
|

Skill for implementing drag-and-drop and sortable interfaces with React/TypeScript using dnd-kit, covering kanban boards, sortable lists, file upload zones, reorderable grids, accessibility patterns, and touch support.

๐Ÿ“ฆ

Same repository

ancoleman/ai-design-components(96 items)

implementing-drag-drop

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add ancoleman/ai-design-components --skill implementing-drag-drop
skills.sh Installโš  Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add ancoleman/ai-design-components --skill implementing-drag-drop
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/implementing-drag-drop/SKILL.md

SKILL.md

88Installs
158
-
Last UpdatedDec 11, 2025

More from this repository10

๐Ÿ”Œ
ui-data-skills๐Ÿ”ŒPlugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

๐Ÿ”Œ
ui-assembly-skills๐Ÿ”ŒPlugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

๐Ÿ”Œ
ui-foundation-skills๐Ÿ”ŒPlugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

๐Ÿ”Œ
developer-productivity-skills๐Ÿ”ŒPlugin

A developer productivity skills plugin from a collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

๐Ÿ”Œ
backend-ai-skills๐Ÿ”ŒPlugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

๐Ÿ”Œ
ui-structure-skills๐Ÿ”ŒPlugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

๐Ÿ”Œ
security-skills๐Ÿ”ŒPlugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

๐Ÿ”Œ
finops-skills๐Ÿ”ŒPlugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

๐Ÿ”Œ
cloud-provider-skills๐Ÿ”ŒPlugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

๐Ÿ”Œ
infrastructure-skills๐Ÿ”ŒPlugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.