home/categories/frontend/atman-33-skills-skills-dnd-kit-implementation-skill-md
frontenddevelopment

dnd-kit-implementation

Guide for implementing sortable and droppable components using dnd-kit library. Use this skill when building React applications that require drag-and-drop functionality with both container reordering (useSortable) and item dropping (useDroppable) capabilities, such as Kanban boards, file management systems, or playlist editors.

atman-33
maintainer
atman-33
更新於 1/19/2026
星標
0
分支
0
quick start

Installation and usage

Guide for implementing sortable and droppable components using dnd-kit library. Use this skill when building React applications that require drag-and-drop functionality with both container reordering (useSortable) and item dropping (useDroppable) capabilities, such as Kanban boards, file management systems, or playlist editors.

安裝
$ install --globalskills.sh
使用

安裝後,您可以通過在終端運行以下命令來使用此技能:

skills use dnd-kit-implementation