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.

Implementiert Such- und Filterschnittstellen sowohl für das Frontend (React/TypeScript) als auch für das Backend (Python) mit Entprellung, Abfrageverwaltung und Datenbankintegration. Verwenden Sie diese Option, wenn Sie Suchfunktionen hinzufügen, Filter-Benutzeroberflächen erstellen, eine Facettensuche implementieren oder die Suchleistung optimieren. Quelle: ancoleman/ai-design-components.

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-search-filter Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Original anzeigen