用 迪奥猫 构建 AI 产品
迪奥猫
为 AI 时代编排的模板:懂用户态的定价,指引升级的积分引擎,同步的文档与导航,以及现成可用的 Stripe 流程。

图库 迪奥猫 范例
一眼看懂内置的 UI 语言:渐变 CTA、计费胶囊、积分桶与文档英雄区。






三步搞定 快速上线
AI + 产品编排的一站式底座,配置即可上线。
1. 接通底座
填好 Stripe 密钥、PostgreSQL、Clerk,InitUserContext + Prisma schema 让 SSR 定价与积分即刻有数据。
2. 编排产品
在配置里调计费开关、积分桶、CTA 行为;Money Price 与 Credit Overview 自动随用户态和端别响应。
3. 上线叙事
Fumadocs + Header Mega Menu 同步导航与内容,渐变与可访问性已校准到移动与桌面。
为什么选择 迪奥猫
AI + 产品编排的底盘:启动快,也能稳收款。
Money Price 2.0
monthly/yearly/onetime 依用户态切换,折扣徽标、升级护栏与 SSR 默认值同步就绪。
Credit Overview 体验
积分桶、到期提示与 CTA 矩阵,桌面弹窗与移动跳转各有最佳实践。
指纹到 Clerk
匿名用户获指纹与体验积分;登录平滑升级,额度不丢、首屏不闪。
文档与导航体系
Fumadocs + Header Mega Menu 让营销与 Docs 统一视觉,移动端可 pin 关键行动。
使用提示 迪奥猫
先配再改
定价、积分、导航、CTA 皆由配置/翻译驱动,先调参数再写代码。
保留计费切换
即便默认 onetime,也请保留 monthly/yearly 入口,避免锁死用户。
适配端别
移动端用跳转/鉴权再收起;桌面可弹窗,滚动与关闭时机遵循设计稿。
SSR 优先
用 InitUserContext 预注入用户态,消除首屏抖动,计费默认值贴合真实订阅。
按模型填数
遵循 Users/Subscriptions/Transactions/Credits 模型,order_id + event.id 保障 webhook 幂等。
用 Docs 讲故事
Fumadocs 卡片与 Banner 可直接复用,用它同步产品叙事与版本发布。
常见问题
核心流程已预置,以下回答帮助你快速落地。
AI 时代的产品底盘 迪奥猫
定价、积分、文档、导航与 Stripe 一体化编排
迪奥猫 把 AI 产品最耗时的环节收拢到一套模板:Money Price 同时跑订阅/一次性,Credit Overview 管控积分与 CTA 矩阵,指纹到 Clerk 避免漏斗断层,Stripe 生命周期与表结构预先对齐,Fumadocs + Header 让叙事与导航保持一致。
可感知用户态的定价
计费胶囊切换 monthly/yearly/onetime,SSR 默认随订阅态调整,升级按钮遵守 enableSubscriptionUpgrade 并有 Portal 兜底。
清晰积分与 CTA 矩阵
积分分桶、到期提示、端别动作:桌面弹窗或鉴权到 Portal,移动端跳转或自定义 handler。
匿名优先的引导
指纹生成 `fp_xxx` 即送体验额度并建表;登录后同一上下文续用,额度与审计无损衔接。
内建 Stripe 生命周期
Checkout/Portal、异步确认、续费、欠费、退款、周期末取消、升降级全覆盖,order_id 元数据 + webhook 幂等守护。
可扩展的文档与导航
Header mega menu、pinned 行为与 actionOrders 让 Docs/定价/登录按钮各就其位;Fumadocs 卡片与 Banner 免样式即用。
Schema-first 稳定性
Users, Subscriptions, Credits, Transactions, CreditAuditLog 预布索引,指纹检索、订单路由、审计链路稳定。
接好密钥、调完配置、填入文案——一周交付可收款、能讲故事、能度量的 AI 产品站。