← 返回博客

猫工具站建站记:从想法到上线

cover

缘起

做猫工具站的想法其实很简单:市面上 AI 工具越来越多,但缺乏一个能快速浏览、筛选的入口。

最开始只是想做一个工具导航页,方便自己查找和推荐好用的工具。后来发现,光有工具还不够——很多工具需要搭配使用技巧和行业趋势才能发挥最大价值。于是,博客 就成了补充这块拼图的地方。

再后来,觉得不如直接集成一个 AI 聊天——让用户能直接在站内提问、让 AI 推荐工具。这样,工具站、博客、AI 聊天三个模块就形成了完整的闭环。

三块拼图

在线工具站

工具站是核心。目前收录了 900+ 工具,按使用场景分类,覆盖 AI、开发、设计、音视频、办公等主流领域。每个工具都配有简单的介绍和直达链接,用户可以快速了解、快速使用。

设计的核心原则是极简——不需要注册、不需要登录、打开即用。这也是整个站点的一贯风格。

猫Blog

博客是工具站的延伸。在这里分享 AI 资讯、工具评测和技术心得。每一篇文章都来源于实际使用体验,不会有那些"纸上谈兵"的内容。

博客的内容会持续更新,计划覆盖以下方向:

  • AI 行业动态和趋势分析
  • 热门工具的深度评测和使用教程
  • 技术选型和架构心得
  • 效率工具和生产力提升

AI 聊天

AI 聊天是工具站的智能入口。用户可以直接在聊天窗口提问,比如"推荐一个在线 PDF 合并工具"或者"有哪些好用的 AI 写作工具",AI 会结合站内的工具知识库给出推荐。

后端做了模型自动轮转,覆盖通用对话、编程、数学、翻译等场景,用户不需要关心用了哪个模型,发消息就行。

设计灵感

猫,作为品牌符号

"猫工具站"这个名字并非随意取的。猫天生带有好奇、敏捷、灵巧的气质——这些特质与"工具"的定位高度契合。一个好的工具站,也应该像猫一样:轻盈、敏捷、不打扰

Logo 的设计围绕这个理念展开。粉色猫头的线条极简到只剩轮廓,没有多余的装饰,正好呼应了站点"极简即快"的核心理念。品牌色选择了粉色系,是因为它在一众蓝白配色的工具站中足够出挑,也更有温度。

布局的呼吸感

最初的设计稿其实很"满"——工具卡片密密麻麻排在一起,试图在一屏内展示尽可能多的内容。后来反复推敲,发现这种做法反而让用户找不到重点。

最终确立了"留白优先"的原则:每个卡片保持足够的间距,分类之间有明确的视觉分隔,页面两侧的留白让内容自然聚焦。这种"呼吸感"让用户在浏览时不会感到压迫,反而能更快地定位到想要的工具。

深色模式的思考

深色模式不是简单地做颜色反转。在浅色模式下,我们倾向于用浅灰和阴影来区分层次;而在深色模式下,则用微弱的亮色边框和透明度来营造层次感。两种模式下的卡片阴影完全不同——浅色模式用柔和的下阴影,深色模式则用深色背景上的微弱光晕。

每次切换主题时,所有元素都通过 CSS transition 平滑过渡,而不是突兀地闪变。这种细节虽然用户不一定能说得出,但能感受到——好的设计,往往是"感觉对了"

看板猫的意义

引入 Live2D 看板猫不仅仅是"好玩"。在工具站这样一个功能性极强的产品中,一只会眨眼、会微微晃动的猫,能在用户等待或浏览时提供一种"陪伴感"。它没有侵入性——固定在右下角,不干扰操作,但当你注意到它时,它会给你一个微妙的互动反馈。

未来的蓝图

短期:打磨基本功

接下来的几个月,重点依然是内容的厚度和产品的流畅度。工具收录目标是突破 1500+,覆盖更多垂直场景——教育、医疗、金融、法律等细分领域。博客保持每周更新,内容从单纯的工具评测扩展到行业观察和实操教程。

AI 聊天的体验也需要持续打磨。目前的模型自动轮转方案已经解决了"用什么模型"的问题,但在回答质量和工具推荐精准度上还有很大的提升空间。计划引入 RAG(检索增强生成),让 AI 能基于站内工具库给出更精准的推荐。

中期:从工具站到平台

当工具和内容积累到一定量级后,工具站的形态会自然演进。规划中的几个方向:

  • 用户体系:轻量级的收藏和自定义功能,让用户能创建自己的常用工具列表
  • 社区互动:文章评论、工具评分、用户投稿——让单向输出变成双向交流
  • 工具使用数据:匿名统计工具的热度、使用趋势,为用户提供"大家都在用什么"的参考
  • API 开放:将核心工具能力开放为 API,让开发者能直接调用

长期:AI 原生的工具生态

更长远的愿景是让猫工具站成为一个"AI 原生的工具生态"。这意味着:

  • 智能推荐引擎:根据用户的使用习惯和场景,主动推荐最合适的工具组合
  • 工具链编排:用户描述一个任务,AI 自动编排多个工具完成整个工作流,而不是逐个使用
  • 多语言全覆盖:不止英文,日文、韩文、法文等更多语言版本,让好用的工具跨越语言壁垒
  • 开源探索:将部分通用工具组件开源,回馈社区,吸引更多开发者参与共建

工具站的终局不是"收录最多工具",而是让每个用户都能在最短时间内找到最适合自己的工具。这个目标看似简单,但值得做很久。

下一步

站点上线只是第一步,后面还有很多事情要做:

近期计划

  • 英文版博客:已经上线了 /en/blog/,希望能覆盖更多读者
  • 内容持续更新:博客保持每周更新,覆盖更多工具类别和使用场景
  • AI 聊天优化:持续提升回答质量,让它更好地推荐站内工具

长远规划

  • 工具收录扩展:计划覆盖更多垂直领域,比如教育、医疗、金融等
  • 社区互动:探索用户投稿、评论等互动形式
  • 多语言支持:除了英文,未来可能加入日文、韩文等版本
  • 工具使用教程:以视频或图文形式,帮助用户更好地使用站内工具

写在最后

猫工具站是一个人的项目,从想法到上线花了几个月时间。技术选型、内容规划、界面设计、部署运维——每一步都是自己摸索过来的。

如果你对站点有任何建议,或者有想看的工具测评,欢迎在 AI 聊天 里直接问我,也可以关注 RSS 订阅 获取最新更新。

感谢你的关注,我们文章见。