全部项目

CosmoGato

为你的宠物定制星座运势

已上线 · 2026
时间段
2026
技术
PWA · Next.js · React · TypeScript · Prisma · Supabase PostgreSQL/Auth · Claude · Stripe · Vercel

项目起点

我和一位朋友想找一个尽可能荒诞的点子,最后选中了宠物星座运势。

问题与决策

让星辰落地

为了让这个趣味概念有具体依据,我集成了天文事件日历。日食和月食参考 NASA 数据,合相则通过 JPL Horizons 核对。

选择可持续的模式

我们比较了本地模型和付费 API,最终在固定预算内选择了 Claude Haiku。我需要在解读质量与生成成本之间取得平衡,并围绕模型设计个人资料、额度和支付流程。

运作方式

  1. 页面和 API 共用一个部署在 Vercel 上的 Next.js PWA。界面使用 React、TypeScript 和 MUI 构建。
  2. Supabase 负责登录和 PostgreSQL 数据存储。API 使用 Prisma 将宠物档案与其测量数据关联起来。
  3. Claude 在服务器端生成解读。Stripe Checkout 和 Webhook 支持单次解读购买与订阅。

AI 集成实验室

我将安全性和资源使用纳入了产品设计。

提示词注入
宠物档案中的自由文本会经过长度限制和过滤,并作为数据传给模型,与模型指令分开处理。服务器还会检查响应结构。
速率限制
生成前,共享计数器会限制每位用户的请求次数,并执行每日总量上限。如果无法完成检查,请求就会停止。
使用说明与致谢
通过回答长度上限控制输出量。等价请求可以复用已完成的解读。如果模型出错,则提供备用解读,并释放预留的额度。

AI 使用透明说明

我参考《人工智能法案》第 50 条设计了透明度措施。CosmoGato 将 AI 生成的解读标注为娱乐内容。界面会标明回退文本,API 也会标记其来源。账户管理功能支持导出和删除个人数据。

《人工智能法案》 · (EU) 2024/1689 · 第 50 条 · GDPR · (EU) 2016/679

我的收获

CosmoGato 让我开始将 AI 视为产品的一部分。每次解读都有成本,生成失败时,产品也需要保持可用。这段经历影响着我评估其他 AI 集成方案的方式。

当前状态

首页公开可访问。内部流程的界面使用演示数据。

打开 CosmoGato

面向公开内容的 SEO、GEO 与 AEO

在 CosmoGato 面向公众的部分,我融入了 SEO(搜索引擎优化)、GEO(生成式引擎优化)和 AEO(答案引擎优化)。内容、上下文和结构都是让产品更容易被找到和理解的一部分。

我围绕人们的问题组织页面,并将解答与实例、来源及可验证的结果关联起来。了解我如何开展 SEO、GEO 和 AEO 工作。

有个有趣的问题?

告诉我你想构建或改进什么、谁会使用,以及有哪些约束条件。我会回复你,一起确定从哪里开始。