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.

Implementa interfaces de búsqueda y filtrado tanto para el frontend (React/TypeScript) como para el backend (Python) con eliminación de rebotes, gestión de consultas e integración de bases de datos. Úselo al agregar funcionalidad de búsqueda, crear interfaces de usuario de filtro, implementar búsqueda por facetas u optimizar el rendimiento de la búsqueda. Fuente: ancoleman/ai-design-components.

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-search-filter 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

Ver original