implementing-drag-drop
✓Implementiert Drag-and-Drop- und sortierbare Schnittstellen mit React/TypeScript, einschließlich Kanban-Boards, sortierbaren Listen, Datei-Uploads und neu anordnbaren Rastern. Verwenden Sie diese Option, wenn Sie interaktive Benutzeroberflächen erstellen, die direkte Manipulation, räumliche Organisation oder berührungsfreundliche Neuordnung erfordern.
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:
Implementiert Drag-and-Drop- und sortierbare Schnittstellen mit React/TypeScript, einschließlich Kanban-Boards, sortierbaren Listen, Datei-Uploads und neu anordnbaren Rastern. Verwenden Sie diese Option, wenn Sie interaktive Benutzeroberflächen erstellen, die direkte Manipulation, räumliche Organisation oder berührungsfreundliche Neuordnung erfordern. Quelle: ancoleman/ai-design-components.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist implementing-drag-drop?
Implementiert Drag-and-Drop- und sortierbare Schnittstellen mit React/TypeScript, einschließlich Kanban-Boards, sortierbaren Listen, Datei-Uploads und neu anordnbaren Rastern. Verwenden Sie diese Option, wenn Sie interaktive Benutzeroberflächen erstellen, die direkte Manipulation, räumliche Organisation oder berührungsfreundliche Neuordnung erfordern. Quelle: ancoleman/ai-design-components.
Wie installiere ich implementing-drag-drop?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/ancoleman/ai-design-components
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01