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 中使用

查看原文