Build a filterable post index with Tailwind CSS: a row of topic filter pills (All, Engineering, Design, Product, …) where the active pill has an accent fill and others are outlined, and below them a dense list of posts as rows — date on the left, title and one-line summary in the middle, a small tag and arrow on the right, divided by hairlines. Filtering hides non-matching rows instantly, and a live result count reads "42 posts" under the pills.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。