implementing-search-filter
✓Implémente des interfaces de recherche et de filtrage pour le frontend (React/TypeScript) et le backend (Python) avec anti-rebond, gestion des requêtes et intégration de base de données. À utiliser lors de l'ajout de fonctionnalités de recherche, de la création d'interfaces utilisateur de filtrage, de la mise en œuvre d'une recherche à facettes ou de l'optimisation des performances de recherche.
Installation
SKILL.md
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.
Implémente des interfaces de recherche et de filtrage pour le frontend (React/TypeScript) et le backend (Python) avec anti-rebond, gestion des requêtes et intégration de base de données. À utiliser lors de l'ajout de fonctionnalités de recherche, de la création d'interfaces utilisateur de filtrage, de la mise en œuvre d'une recherche à facettes ou de l'optimisation des performances de recherche. 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-search-filter- 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-search-filter ?
Implémente des interfaces de recherche et de filtrage pour le frontend (React/TypeScript) et le backend (Python) avec anti-rebond, gestion des requêtes et intégration de base de données. À utiliser lors de l'ajout de fonctionnalités de recherche, de la création d'interfaces utilisateur de filtrage, de la mise en œuvre d'une recherche à facettes ou de l'optimisation des performances de recherche. Source : ancoleman/ai-design-components.
Comment installer implementing-search-filter ?
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-search-filter 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