implementing-drag-drop
✓Implémente des interfaces glisser-déposer et triables avec React/TypeScript, notamment des tableaux Kanban, des listes triables, des téléchargements de fichiers et des grilles réorganisables. À utiliser lors de la création d'interfaces utilisateur interactives nécessitant une manipulation directe, une organisation spatiale ou une réorganisation tactile.
Installation
SKILL.md
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:
Implémente des interfaces glisser-déposer et triables avec React/TypeScript, notamment des tableaux Kanban, des listes triables, des téléchargements de fichiers et des grilles réorganisables. À utiliser lors de la création d'interfaces utilisateur interactives nécessitant une manipulation directe, une organisation spatiale ou une réorganisation tactile. Source : ancoleman/ai-design-components.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que implementing-drag-drop ?
Implémente des interfaces glisser-déposer et triables avec React/TypeScript, notamment des tableaux Kanban, des listes triables, des téléchargements de fichiers et des grilles réorganisables. À utiliser lors de la création d'interfaces utilisateur interactives nécessitant une manipulation directe, une organisation spatiale ou une réorganisation tactile. Source : ancoleman/ai-design-components.
Comment installer implementing-drag-drop ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/ancoleman/ai-design-components
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01