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.

Implements search and filter interfaces for both frontend (React/TypeScript) and backend (Python) with debouncing, query management, and database integration. Use when adding search functionality, building filter UIs, implementing faceted search, or optimizing search performance. Source: ancoleman/ai-design-components.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-search-filter Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw