·implementing-drag-drop
</>

implementing-drag-drop

Реализует интерфейсы перетаскивания и сортировки с помощью React/TypeScript, включая доски канбан, сортируемые списки, загрузку файлов и сетки с возможностью изменения порядка. Используйте при создании интерактивных пользовательских интерфейсов, требующих прямого манипулирования, пространственной организации или изменения порядка с помощью сенсорного управления.

89Установки·1Тренд·@ancoleman

Установка

$npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop

Как установить implementing-drag-drop

Быстро установите AI-навык implementing-drag-drop в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: ancoleman/ai-design-components.

This skill helps implement drag-and-drop interactions and sortable interfaces using modern React/TypeScript libraries. It covers accessibility-first approaches, touch support, and performance optimization for creating intuitive direct manipulation UIs.

Primary: dnd-kit Modern, accessible, and performant drag-and-drop for React.

Step 1: Analyze Requirements Determine the drag-and-drop pattern needed:

Реализует интерфейсы перетаскивания и сортировки с помощью React/TypeScript, включая доски канбан, сортируемые списки, загрузку файлов и сетки с возможностью изменения порядка. Используйте при создании интерактивных пользовательских интерфейсов, требующих прямого манипулирования, пространственной организации или изменения порядка с помощью сенсорного управления. Источник: ancoleman/ai-design-components.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from ancoleman/ai-design-components

Короткие ответы

Что такое implementing-drag-drop?

Реализует интерфейсы перетаскивания и сортировки с помощью React/TypeScript, включая доски канбан, сортируемые списки, загрузку файлов и сетки с возможностью изменения порядка. Используйте при создании интерактивных пользовательских интерфейсов, требующих прямого манипулирования, пространственной организации или изменения порядка с помощью сенсорного управления. Источник: ancoleman/ai-design-components.

Как установить implementing-drag-drop?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/ancoleman/ai-design-components