Implements kanban board drag-and-drop with @dndkit collision detection and snapping modifiers.
npx skills add https://github.com/blink-new/claude --skill kanban-dnd
Please help me install this Agent Skill. Skill: kanban-dnd Source: https://github.com/blink-new/claude/tree/main/skills/kanban-dnd Command: npx skills add https://github.com/blink-new/claude --skill kanban-dnd
This Skill provides a robust and user-friendly solution for implementing drag-and-drop kanban boards, enabling seamless card movement between columns with a polished user experience.
Use the kanban-dnd skill to create a kanban board with columns and cards.
High-intent search queries and answers about installing and using this skill.
You can implement drag and drop kanban board functionality by using @dnd-kit/core, @dnd-kit/modifiers, and @dnd-kit/utilities to handle card movement, apply snapping, and manage CSS utilities for smooth visual feedback.
Collision detection for moving cards between kanban columns works by prioritizing columns over individual cards, ensuring the system accurately identifies the correct drop target during a drag interaction.
Yes, you can create Linear or Notion-style smooth drag overlays for task management UI components by utilizing cursor-following drag overlays and animation modifiers provided by the @dnd-kit architecture.
The best way to build a project management tool with visual task tracking is integrating a kanban board with drag-and-drop functionality, allowing users to visually move task cards between "To Do", "In Progress", and "Done" columns.
No, you do not need to manually configure CSS utilities for dnd-kit kanban animations because the implementation utilizes @dnd-kit/utilities and @dnd-kit/modifiers to handle CSS transforms and snapping automatically.
A dragged kanban card might snap to the wrong column drop target if the custom collision detection algorithm is not properly configured to prioritize columns over individual cards within the board.
web3br1Generate dynamic Kanban workflow boards with drag-and-drop task management using React, Next.js, and @dnd-kit.
ramtinJ95Manage AI-agent workflow tasks with a local-first kanban CLI.
KazmerMaximilianoGenerate a Kanban board with configurable columns and task cards.
mohamedgshoaibImplements drag-and-drop interfaces in React using @dnd-kit/react.
