项目：AI 工具导航站

项目概览

类似 AI 导航类网站，展示各类 AI 工具的卡片式目录。

⏱️ 预计 2-3 小时 | 🛠️ Vue 3 + Supabase

功能清单

• 工具卡片网格展示
• 分类筛选（AI写作/编程/设计/视频/效率）
• 搜索功能
• 每张卡片：图标、名称、简介、标签
• 点击跳转到外部链接
• 提交新工具（审核后显示）
• 收藏功能

跟着做

帮我做一个 AI 工具导航站（Vue 3 + Supabase）：
1. 首页：顶部搜索框 + 分类标签 + 工具卡片网格
2. 分类：AI写作、编程、设计、视频、效率、其他
3. 卡片：网站图标、名称、一句话简介、标签
4. 点击卡片跳转到工具官网（新标签页）
5. 搜索：按名称和简介搜索
6. 提交工具：表单（名称、链接、简介、分类），提交后台审核
7. 个人收藏：点击心形图标收藏
8. 设计参考 Product Hunt 风格

✅ 项目成果

• 一个可以公开使用的 AI 工具导航站
• 理解了内容型网站的架构
• 掌握了分类、搜索、收藏的数据设计