完全不懂代码的我,用 AI 写了一整站:www.TAIM.plus 的落地之旅

完全不懂代码的我,用 AI 写了一整站:TAIM 的落地之旅

分享作品:TAIM.PLUS(AI 模型评分平台)
网址:https://taim.plus
一句话简介:让 AI 用户不再"盲选"——用数据、评分和社区力量帮你找到最适合的 AI 工具。


为什么做 TAIM?

2024 年开始,AI 工具井喷式爆发。每个星期都有新模型、新应用出现,普通人怎么选?光看厂商宣传根本分不清好坏。我决定自己动手做一个"AI 工具的豆瓣"——www.TAIM.plus。(*哈哈 *主要是方便自己快速查找 AI 工具)

www.TAIM.plus 是一个 AI 模型评分与发现平台,核心价值就一句话:帮你找到最适合自己的 AI 产品。用户可以对产品打五维评分(推理、代码、中文、性价比、速度),所有评分数据通过贝叶斯平滑算法合成公平的综合排名,杜绝刷分和样本偏差。


落地过程:一个人(完全不懂代码)、一台 Mac、一个 VPS

整个项目由我个人独立完成,从第一个 npm init 到 HTTPS 上线,前后跨越 4 个月。技术选型上,选择了最熟悉的 Next.js 16 + TypeScript + PostgreSQL 技术栈。

协作方式上,我采用了"VibeCoding"的极致实践: 项目 90% 以上的代码由 AI 编程助手(TRAE)辅助生成。我负责架构设计、需求描述和代码审查,AI 负责代码生成、重构和 Bug 修复。这种模式让开发效率提升了 3~5 倍。

技术亮点

  • 全栈 SSR + SEO 体系:首页/分类/产品详情/Blog 全面服务端渲染,Product、Review、Article、BreadcrumbList 四种 Schema 结构化数据,动态 Sitemap ISR 实时同步
  • 贝叶斯智能评分:基于 Bayesian Average 的综合排名算法,天然抗刷分 + 考虑样本量公平性
  • AI 评测 AI:后台可调用 9 家模型(OpenAI/DeepSeek/通义千问等),从 6 种视角自动生成评测,再由管理员审核发布
  • Blog 资讯频道:独立文章系统 + Markdown 编辑器 + 文章分类 + 产品引用语法(product:slug 嵌入产品卡片),英文关键词+短 ID Slug 策略做 SEO
  • 安全纵深防御:CSP 安全头 + Redis INCR 原子限流 + urlTransform 安全过滤 + iframe sandbox + SQL 注入防护

项目规模

指标 数据
数据库模型 18 个(Prisma + PostgreSQL)
API 路由 80+ 条
React 组件 60+ 个
代码文件 200+
LLM 适配器 9 家厂商统一接口

VibeCoding 的思考

"Vibe"这个词的精髓在于:你不需要手写每一行代码,但你必须清楚每一行代码在做什么。

我的 VibeCoding 实践法则:

:star: 用自然语言描述需求 → AI 生成代码 → 仔细 Code Review → 跑类型检查 → 前端验证 → 提交

关键不是"让 AI 替你写代码",而是"让 AI 加速你的决策和执行"。你仍然需要对架构负责、对安全负责、对用户体验负责。

最深的体会是:VibeCoding 并没有降低对开发者的要求,反而对系统设计能力和代码审查眼光提出了更高要求。 它会放大你的优势——如果你懂架构,它会帮你更快落地;如果你不懂,它也会帮你更快地写出有问题的代码。


未来计划

  • 集成更多 AI 模型的自动化评测
  • 用户社区的讨论和互动功能
  • 国际化(英文版适配海外 AI 工具评价场景)

TAIM.plus 是自己学习 vibe coding 交的第一份作业。如果你也曾为选 AI 工具头疼,欢迎来 taim.plus 看看,帮忙打个分 :star:


1 个赞

相当于是一个导航一样的网站嘛?看UI,酷

1 个赞

我有个问题,这个跟我用Comet那些AI引擎直接提问根据我的需求搜索我要的AI,有什么区别?
为什么不用小红书之类的?

普通群众真的需要寻找“适合自己”的AI产品吗?这些市面上的也没有多大区别

1 个赞