task-search

Search task titles, descriptions, and tags with multi-token AND logic.

1|Updated Jan 6, 2026

Search Tags:#frontend #search #tasks #ranking #debounce #highlight

Ready to run

npx skills add https://github.com/SOFIA-ASIF/TaskFlow-ToDo-APP --skill task-search-sofia-asif

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: task-search
Source: https://github.com/SOFIA-ASIF/TaskFlow-ToDo-APP/tree/main/.claude/skills/task-search
Command: npx skills add https://github.com/SOFIA-ASIF/TaskFlow-ToDo-APP --skill task-search-sofia-asif

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Task discovery across tasks by searching titles, descriptions, and tags using multi-token AND logic with debounced input and highlighted results.

Core Features & Use Cases

Debounced search input that updates results after 300ms.
Cross-field search across title, description, and tags with relevance ranking.
Highlight matched terms in results for quick scanning.
Top-50 limit for performance on large task lists.

Quick Start

Start typing in the task search input to see debounced, ranked results with highlighted matches.

Frequently Asked Questions about task-search

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I implement search-as-you-type for a frontend task list?▼

Search-as-you-type for a frontend task list is handled using debounced input that updates results after 300ms, applying multi-token AND logic across titles, descriptions, and tags. This limits results to 50 items to maintain performance on large collections.

What is the best way to rank frontend search results across multiple fields?▼

Ranking frontend search results across multiple fields is achieved using cross-field relevance scoring. The search applies case-insensitive matching to titles, descriptions, and tags, prioritizing results based on multi-token AND logic.

How does debounced search input improve task discovery performance?▼

Debounced search input improves task discovery performance by delaying the search execution for 300ms after the user stops typing. This prevents excessive processing on every keystroke, allowing real-time highlighting and ranked results to render efficiently.

Can I highlight matched search terms in real-time as I type?▼

You can highlight matched search terms in real-time as you type. The search applies text highlighting to the case-insensitive matches found within the task titles, descriptions, and tags for quick visual scanning of results.

Are there limitations when searching large task collections on the frontend?▼

Searching large task collections on the frontend has a limitation of returning only the top 50 ranked results. This result limiting ensures performance remains fast during search-as-you-type operations with debounced input.