Implementa interfacce di ricerca e filtro sia per il frontend (React/TypeScript) che per il backend (Python) con debouncing, gestione delle query e integrazione del database. Da utilizzare quando si aggiungono funzionalità di ricerca, si creano interfacce utente di filtro, si implementa la ricerca sfaccettata o si ottimizzano le prestazioni della ricerca.
Installa rapidamente la skill AI implementing-search-filter nel tuo ambiente di sviluppo tramite riga di comando
Fonte: ancoleman/ai-design-components.
Implement search and filter interfaces with comprehensive frontend components and backend query optimization.
This skill provides production-ready patterns for implementing search and filtering functionality across the full stack. It covers React/TypeScript components for the frontend (search inputs, filter UIs, autocomplete) and Python patterns for the backend (SQLAlchemy queries, Elasticsearch integration, API design). The skill emphasizes performance optimization, accessibility, and user experience.
Implementa interfacce di ricerca e filtro sia per il frontend (React/TypeScript) che per il backend (Python) con debouncing, gestione delle query e integrazione del database. Da utilizzare quando si aggiungono funzionalità di ricerca, si creano interfacce utente di filtro, si implementa la ricerca sfaccettata o si ottimizzano le prestazioni della ricerca. 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-search-filter 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
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-search-filterImplementa interfacce di ricerca e filtro sia per il frontend (React/TypeScript) che per il backend (Python) con debouncing, gestione delle query e integrazione del database. Da utilizzare quando si aggiungono funzionalità di ricerca, si creano interfacce utente di filtro, si implementa la ricerca sfaccettata o si ottimizzano le prestazioni della ricerca. 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-search-filter 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