implementing-drag-drop
✓Implementa interfaces ordenables y de arrastrar y soltar con React/TypeScript, incluidos tableros kanban, listas ordenables, carga de archivos y cuadrículas reordenables. Úselo al crear interfaces de usuario interactivas que requieran manipulación directa, organización espacial o reordenamiento táctil.
Instalación
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:
Implementa interfaces ordenables y de arrastrar y soltar con React/TypeScript, incluidos tableros kanban, listas ordenables, carga de archivos y cuadrículas reordenables. Úselo al crear interfaces de usuario interactivas que requieran manipulación directa, organización espacial o reordenamiento táctil. Fuente: ancoleman/ai-design-components.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es implementing-drag-drop?
Implementa interfaces ordenables y de arrastrar y soltar con React/TypeScript, incluidos tableros kanban, listas ordenables, carga de archivos y cuadrículas reordenables. Úselo al crear interfaces de usuario interactivas que requieran manipulación directa, organización espacial o reordenamiento táctil. Fuente: ancoleman/ai-design-components.
¿Cómo instalo implementing-drag-drop?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-drag-drop Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/ancoleman/ai-design-components
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01