real-time-filtering

Patterns for real-time client-side filtering, searching, and sorting of lists. Use when implementing dynamic search or filter features.

$ Installer

git clone https://github.com/pixu1980/karaoke-tracker /tmp/karaoke-tracker && cp -r /tmp/karaoke-tracker/.ai/skills/real-time-filtering ~/.claude/skills/karaoke-tracker

// tip: Run this command in your terminal to install the skill


name: real-time-filtering description: Patterns for real-time client-side filtering, searching, and sorting of lists. Use when implementing dynamic search or filter features. license: MIT metadata: author: AI Agents version: "1.0"

When to use this skill

Use this skill when implementing search, filtering, or sorting of list data in components. Covers client-side performance optimization and responsive UX patterns.

For detailed patterns, implementation examples and best practices, see references/REFERENCE.md.

For project-specific filtering patterns, refer to .context/CLAUDE.md or .context/COPILOT.md.