分享我开发的AI提示词管理平台,webman做后台、带浏览器插件、nuxt官网、vue3管理后台

0 阅读2分钟

首先说明下,这个是产品技术实现分享,代码并未开源,我将用到的开发框架分享出来,希望帮到想做类似产品的朋友们做技术选型,加快你产品落地的速度,用到的框架为:

一、saiadmin 框架saithink.top/guide (这个作者很强,人也不错)
说明:
1、saiadmin6.x 用作产品的接口端和管理后台。
2、后台有个代码生成工具,做数据的基础增删改查很方便,就嘎嘎生成就行了。

二、nuxt框架nuxt.com/ (这个saiadmin也有,但是我开发这个前端的时候,没发现saiadmin也有,没用到,自己和ai配合开发了一套,我用的是 shadcn-vue 组件库)
说明:
1、nuxt框架用于做产品的官网和用户提示词管理中心。
2、第一版本的官网是用naivui开发的,无法做SEO,就用nuxt框架重写了官网和管理中心。
3、页面使用的是v0.dev开发的,基本上那上面写了页面代码后,复制下来对接数据就能直接用。

三、wxt框架wxt.dev/ 这是用来做浏览器插件开发的,这个可以直接生成 谷歌内核和火狐的插件)
说明:
1、wxt框架用于做产品的浏览器插件。
2、插件里对接的是webman的api。
3、功能有插入页面到网页、插入按钮到网页里的指定位置等。
4、浏览器插件也上架到了:edge,谷歌、火狐、360 的浏览器扩展应用市场里了。

四、产品预览:

0、登录界面:
截图

1、官网首页:
截图!

2、提示词管理页:
截图

3、AI对话收藏管理:
截图

4、热门活动:
截图

5、更多界面
截图
截图
截图截图
截图
截图

浏览器插件:
截图
截图

以上差不多就是产品的页面内容了,根据如上框架上手去开发,相信你很快能够实现你想要的产品,祝你早日成功~