Implementa interfacce drag-and-drop e ordinabili con React/TypeScript, incluse schede kanban, elenchi ordinabili, caricamenti di file e griglie riordinabili. Da utilizzare durante la creazione di interfacce utente interattive che richiedono manipolazione diretta, organizzazione spaziale o riordino touch-friendly.
Installa rapidamente la skill AI implementing-drag-drop nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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:
Implementa interfacce drag-and-drop e ordinabili con React/TypeScript, incluse schede kanban, elenchi ordinabili, caricamenti di file e griglie riordinabili. Da utilizzare durante la creazione di interfacce utente interattive che richiedono manipolazione diretta, organizzazione spaziale o riordino touch-friendly. Fonte: ancoleman/ai-design-components.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-dropImplementa interfacce drag-and-drop e ordinabili con React/TypeScript, incluse schede kanban, elenchi ordinabili, caricamenti di file e griglie riordinabili. Da utilizzare durante la creazione di interfacce utente interattive che richiedono manipolazione diretta, organizzazione spaziale o riordino touch-friendly. Fonte: ancoleman/ai-design-components.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/ancoleman/ai-design-components