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

查看原文