·implementing-search-filter
</>

implementing-search-filter

Реализует интерфейсы поиска и фильтрации как для внешнего интерфейса (React/TypeScript), так и для внутреннего интерфейса (Python) с устранением дребезжания, управлением запросами и интеграцией баз данных. Используйте при добавлении функций поиска, создании пользовательских интерфейсов фильтров, реализации фасетного поиска или оптимизации производительности поиска.

16Установки·0Тренд·@ancoleman

Установка

$npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-search-filter

Как установить implementing-search-filter

Быстро установите AI-навык implementing-search-filter в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-search-filter
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: ancoleman/ai-design-components.

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) с устранением дребезжания, управлением запросами и интеграцией баз данных. Используйте при добавлении функций поиска, создании пользовательских интерфейсов фильтров, реализации фасетного поиска или оптимизации производительности поиска. Источник: 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 или OpenClaw

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-search-filter
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from ancoleman/ai-design-components

Короткие ответы

Что такое implementing-search-filter?

Реализует интерфейсы поиска и фильтрации как для внешнего интерфейса (React/TypeScript), так и для внутреннего интерфейса (Python) с устранением дребезжания, управлением запросами и интеграцией баз данных. Используйте при добавлении функций поиска, создании пользовательских интерфейсов фильтров, реализации фасетного поиска или оптимизации производительности поиска. Источник: ancoleman/ai-design-components.

Как установить implementing-search-filter?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-search-filter После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/ancoleman/ai-design-components

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01