This skill provides production-ready patterns for building comprehensive search and filter interfaces, covering everything from debounced React input components and accessible autocomplete dropdowns to optimized backend query construction using SQLAlchemy and Elasticsearch. It streamlines the development of faceted search systems, ensuring efficient data fetching, proper state management, and full keyboard accessibility while preventing common performance bottlenecks like request flooding through robust debouncing and caching strategies.
主な機能
01Performance-optimized pagination, caching strategies, and API design
02Faceted filtering UIs with checkboxes, range sliders, and active filter chips
03Debounced frontend search inputs and typeahead autocomplete components
04Full WAI-ARIA accessibility compliance for keyboard and screen reader support
05158 GitHub stars
06Dynamic backend query building for SQLAlchemy, Django ORM, and Elasticsearch
ユースケース
01Creating advanced faceted search interfaces for data-heavy applications
02Building e-commerce product catalogs with category and price range filters
03Implementing real-time autocomplete search for large datasets or dashboards