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.

디바운싱, 쿼리 관리 및 데이터베이스 통합을 통해 프런트엔드(React/TypeScript) 및 백엔드(Python) 모두에 대한 검색 및 필터 인터페이스를 구현합니다. 검색 기능을 추가하거나, 필터 UI를 구축하거나, 패싯 검색을 구현하거나, 검색 성능을 최적화할 때 사용합니다. 출처: ancoleman/ai-design-components.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-search-filter 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

원본 보기