What problem does it solve? Shoppers abandon stores when they cannot find products quickly through a static search bar. This Skill guides the implementation of a search-as-you-type autocomplete experience that surfaces product and category suggestions instantly, handles typos with fuzzy matching, and applies merchandising rules to promote priority items. ## Core Features & Use Cases - Platform-Specific Setup: Step-by-step configuration for Shopify (Search & Discovery, Boost Commerce), WooCommerce (FiboSearch, SearchWP), BigCommerce (Klevu), and custom headless builds with Algolia or Typesense. - Accessible React Component: Production patterns for a debounced autocomplete hook with AbortController race-condition handling and an ARIA combobox/listbox dropdown with full keyboard navigation. - Algolia Index & Merchandising Configuration: Settings for searchable attribute priority, typo tolerance, synonyms, custom ranking, and rules that pin promoted collections using contains-anchoring. - Use Case: A fashion retailer with low search-to-purchase conversion adds an autocomplete dropdown showing product images, prices, and category suggestions after two characters, cutting zero-result searches through synonym groups like "sneakers" ↔ "trainers". ## Quick Start Ask the AI to implement a search autocomplete dropdown for your storefront using this skill, specifying your platform such as Shopify, WooCommerce, or a custom React and Algolia stack.
