The prompt

Create a data table card with Tailwind CSS: a header row with a title, a search input, and a filter/"Add" button; then a table with columns (Name, Status pill, Plan, Created) and a few rows. Status uses colored pills (green/amber/gray). Add hover states on rows and a rounded bordered container. Then add JavaScript so the toolbar is not decorative: filter rows live as the visitor types, make the Name, Plan, and Created headers clickable to sort ascending then descending with an arrow indicator on the active column, show a "no results" row when the search matches nothing, and keep a row count in the header.

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