Build an empty state component with Tailwind CSS: a centered block with a simple illustration (an inline SVG or a muted image), a heading that states the situation ("No projects yet"), one line explaining what this page will show once there's data, and a primary action button to create the first item, plus a secondary "import from…" link. Keep it compact enough to sit inside a card, and provide variants for no-results (with a clear-filters action) versus first-run (with the create action).
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。