·implementing-search-filter
</>

implementing-search-filter

ancoleman/ai-design-components

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.

11Installations·0Tendance·@ancoleman

Installation

$npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-search-filter

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.

Voir l'original

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