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