Implement drag-and-drop hooks and UI components for sortable lists, Kanban boards, and file drop zones.
npx skills add https://github.com/Arnutt-N/hr-ims --skill drag-drop
Please help me install this Agent Skill. Skill: drag-drop Source: https://github.com/Arnutt-N/hr-ims/tree/main/.claude/skills/drag-drop Command: npx skills add https://github.com/Arnutt-N/hr-ims --skill drag-drop
Drag-and-drop interactions for organizing items, lists, and files are tedious without reusable UI patterns. This Skill provides a consistent, accessible, and composable set of drag-and-drop utilities across sortable lists, kanban boards, and file-drop zones.
Interact with the UI by dragging items to reorder, moving items across kanban columns, or dropping files into a zone.
High-intent search queries and answers about installing and using this skill.
Drag-and-drop reordering for sortable lists and Kanban boards is implemented via composable hooks and UI components that manage drag state, event lifecycle, and visual feedback. This supports item reordering and column-to-column movement across frontend interfaces.
Yes, file drop zone support to attach files via drag-and-drop is a core feature. The Skill provides UI components to manage the drag event lifecycle and visual feedback for dropping files into designated frontend zones.
Yes, the drag-and-drop UI implements keyboard-accessible drag interactions alongside visual feedback. This ensures accessible behavior for sortable lists, Kanban boards, and file drop zones across the frontend components.
The best way to manage drag state and visual feedback for a Kanban board is using the Skill's composable hooks. They handle the drag event lifecycle and item transfer between columns while maintaining accessible behavior.
No external dependencies are required. The Skill provides a self-contained set of composable drag-and-drop utilities, hooks, and UI components designed specifically for HR-IMS frontend components.
Accessible behavior is needed for Kanban column transfers to ensure keyboard users can complete drag-and-drop interactions. The Skill implements keyboard-accessible drag interactions and visual feedback to meet frontend accessibility requirements.
Arnutt-NManage user sessions and role-based access control for HR-IMS applications.
syncfusionImplement Syncfusion TypeScript Kanban boards with columns, cards, swimlanes, and drag-and-drop.
mohamedgshoaibImplements drag-and-drop interfaces in React using @dnd-kit/react.
Luqman-Ud-DinDetect broken drag-and-drop reordering in interactive interfaces.
