The prompt

Build a searchable help centre FAQ with Tailwind CSS: a centered heading, a prominent search input with a leading magnifier glyph, and a row of scrollable topic filter pills where the first is active and dark. Below, a results count line, then a list of question rows built from native details and summary elements, each tagged with a data-topic attribute and showing the question, a small topic chip on the right, and an answer that reveals on open with a "Was this helpful?" thumbs row underneath. Then add the JavaScript that makes the search and pills real: filter rows on every keystroke by matching the typed text against both question and answer, intersect that with the selected topic pill, keep the results count in sync, and render an empty state when a query matches nothing.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? Open the Tailwind source.