你是不是也经常在几个AI模型之间来回切换,就为了对比看看哪个答案更符合自己的需求?毕竟每个模型都有各自的擅长领域,回答问题的风格也各不相同。
那么问题来了——你平时是怎么管理向这些模型提问的提示词的呢?
其实我早就萌生了一个想法:做一个专门用于提示词管理的平台。会员可以轻松管理自己的提示词库,也支持分享给他人,同时还能收藏别人公开的高质量提示词。
上个月我用美元充值的Trae会员还没用完,正好借这个机会小试牛刀。这次我换了一种身份——完全借助AI来帮我写一个全栈项目。
值得一提的是,这个项目我从头到尾没有手写一行代码,全部由AI生成。完整代码附在文末,欢迎查阅。
工具:trae海外版
大模型:Claude-4-Sonnnet
先来看看最终生成的界面效果。
一、构建提示词
下面是我自己想到的需求(想法):
帮我写一个提示词管理与分享的网站,包含会员板块与运营管理后台板块,两个模块在一个工程里面,不同的登录路径与账号体系,界面上要求现代简洁且适配移动端与PC端。核心功能如下: 一、会员端 1、会员分为免费会员和专业会员,免费会员可以添加1000个提示词,专业会员可以添加10000个提示词。专业会员是按月订阅的形式付费,每月10月,采用自助充值续费。 2、需要有一个价格展示页面 3、用户可以免费注册为会员,会员可以管理自己的提示词,包含字段:标题、提示词内容、版本,所属大模型(DeepSeek、豆包、Kimi2等),AI生成的内容、备注、标签等。 二、运营后台 1、可以管理所有的会员:会员列表,会员续费记录,登录记录等 2、可以设置会员套餐限额,价格等。 3、可以管理运营管理人员,包含添加、删除、禁用与修改等。 参考一下网站:
promptvibes.com/
www.prompterhub.cn
这个还不能作为提示词直接输入到trae,肯定达不到我想要的效果。
我让deepseek给我优化一个这个提示词。
用了12秒,deepseek给我生成的结构更清晰、技术细节更丰富的提示词,然后我稍微做了下修改,成了如下内容:
项目名称:智能提示词管理与分享平台
一、 项目概述
本项目旨在开发一个现代化、响应式的提示词(Prompt)管理与分享网站。平台分为会员端(前台) 与运营管理后台,两者集成于同一技术工程中,但使用独立的访问路径和账号认证体系。界面设计需遵循现代简约风格,完美适配移动端与PC端,提供流畅的用户体验。
二、 核心功能模块
1. 会员端(前台)
- 用户认证与权限
-
- 提供邮箱/手机号注册与登录功能。
- 会员体系分为:免费会员 与 专业会员。
- 免费会员:可添加最多 1000 个提示词。
- 专业会员:可添加最多 10000 个提示词,通过按月订阅(¥10/月)解锁,支持自助支付续费。
- 提示词管理(CRUD核心功能)
-
- 标题(Title)
- 提示词内容(Content):支持Markdown语法的高亮编辑器。
- 适用大模型(Model):支持多选,预设选项(如:DeepSeek-V3, 豆包 Pro, Kimi2, GPT-4, Claude 3等),可后台扩展。
- 版本(Version):用于区分同一提示词的不同迭代。
- AI生成的内容(AI Output):可选的富文本区域,用于粘贴和展示使用该提示词得到的好结果。
- 备注(Notes)
- 标签(Tags):用户自定义标签,便于分类筛选。
-
- 字段要求:
- 操作:创建、编辑、删除、复制、搜索(全局搜索及按标题、标签、模型筛选)、批量操作。
- 支付与订阅
-
- 价格页面:清晰展示免费版与专业版的权益对比、订阅价格、支付方式(至少集成一种主流支付网关,如支付宝、微信支付)。
- 订阅流程:用户选择套餐 -> 跳转至支付网关 -> 支付成功后自动升级会员身份并刷新词条限额。
- 个人中心:展示当前会员状态、订阅续费日期、管理支付方式、取消自动续费等功能。
- UI/UX 参考方向 (结合PromptVibes & PrompterHub)
-
- 采用卡片式布局展示提示词列表。
- 暗色/亮色模式切换。
- 简洁的表单和模态框。
- 流畅的交互反馈(如悬停效果、加载动画)。
2. 运营管理后台
- 独立访问路径:
admin.yourdomain.com或/admin。 - 独立管理员账号体系:与前台用户数据隔离。
- 功能模块:
-
- 后台管理员的增、删、改、查、禁用。
- 可为不同管理员分配不同的操作权限(基于角色的访问控制 - RBAC)。
-
- 可动态配置套餐内容(如:免费会员词条数、专业会员词条数)。
- 可动态修改专业会员的订阅价格。
-
- 会员列表:查看所有用户信息(账号、会员类型、注册时间、状态)。
- 会员详情:可手动为用户修改会员类型、调整词条限额、备注信息。
- 续费记录:查询所有用户的支付与续费历史。
- 登录日志:记录用户的后台登录IP、时间等信息。
-
- 会员管理:
- 套餐与定价管理:
- 管理员管理:
三、 非功能性需求
- 技术栈建议:
-
- 前端:Vue3 Ant Design。
- 后端:Django
- 数据库:MySQL。
- 认证:JWT (JSON Web Tokens)。
- 支付:支付宝开放平台 / 微信支付商户平台 SDK。
- 响应式设计:必须使用移动优先(Mobile-First)的策略,确保在从手机到大屏显示器等各种设备上都有良好的布局和体验。
- 性能:页面加载速度快,操作响应迅速。
然后,新建了一个空的文件夹,用trae打开后用builder模式输入:帮我写这个项目的代码,项目需求是:xxx。
这里xxx是我修改后的提示词,trae就一步一步的帮我生成前端代码、后端代码了,如果你本地没有安装python相应的环境,它也会提示你运行相关的命令。
二、过程遇到的问题分享
1、过程中遇到问题一般怎么处理
工具首次给你生成代码可能是跑不起来的,没关系,
直接把错误输入到对话框里面,其他不用多说,比如下图所示:
有时如果是界面上的问题,你甚至可以截图,然后说:现在帮我修复一下截图上的问题。
2、大模型的固执
有时候模型也会“骗人”——它会不停地告诉你“我发现了问题”、“问题已经解决了”,但等你回头检查时,发现根本就没改;或者也许在 Trae 自带的预览浏览器里显示正常,可一到 Chrome 里打开,老问题依旧还在。
我就遇到过这么一次:界面宽度不正常,明明希望它撑满屏幕,它却始终居中,还限制了宽度,元素挤得乱七八糟。我跟 AI 反馈了好几遍,每次它都显得特别认真、特别勤劳地改代码,最后还信誓旦旦地说“问题解决了”。我终于没忍住骂了它几句,结果它依然情绪稳定(这方面确实是比人类强),回复说:“我非常理解您的挫败感,确实多次未能解决您的问题……”然后巴拉巴拉又写了一大堆代码,问题却依然没解决。
这时候,我只能亲自出马,靠我十几年的技术积累提醒它一句:“你注意一下是不是有样式冲突,另外要在 Chrome 下正常显示。”
接着,它仿佛突然开了窍,思考片刻后回复:“您说得非常对,我也发现了这个问题,确实存在样式冲突,xxxxxx……”
果然,问题很快被解决了。
我想,这就是所谓 “生成代码三分钟,调试三小时” 的梗吧。如果你完全不懂代码,遇到这种情况可能真的很难推动 AI 解决问题;但如果是经验丰富的程序员,一眼就能看出症结所在,稍微点拨一下,AI 就能跳出死循环。
3、适当的使用角色预设来优化提示词
第一次生成的界面代码可能比较丑,我通过指定角色来指导AI进行优化。比如:
你是一名资深的UI/UE设计师,具有丰富的设计经验,请对界面进行优化,要求简洁、大气、具有科技感。
通过以上提示词,AI进行一番操作后,界面果然好看了多。
4、版本回退
如果在用AI修改代码的时候,有时后悔了想还原,可以通过之前的提示词进行回退。
值得注意的是,升级了或者重启了会话信息可能会被丢掉,我就遇到了。本来写这篇文章我想全部把提示词分享出来,也没办法。 所以,还是建议你用git来提交每次重要的更改,这样就可以回溯,方便回退版本。
三、启发与思考
第一,在AI的赋能下,开发者的角色不再局限于前端或后端,而是逐渐转向综合性的技术管理者和AI协作的引领者。关键在于能否清晰定义需求、精准提出问题,并始终明确目标方向。
第二,随着代码实现的门槛大幅降低,真正的核心竞争力已转向对需求的敏锐洞察、将想法转化为产品的能力,以及最终实现商业价值的能力。
第三,尽管AI能够生成全部代码,但这并不代表技术能力不再重要。恰恰相反,如果缺乏技术理解,一旦AI产出出现问题,你可能连如何提问、从何纠错都无从下手。结果就是陷入“生成代码三分钟,调试纠缠三小时甚至三天”的循环中,难以推动项目真正落地。
借用一句我非常认同的话来结束本文:
产品经理,就是用产品当作笔,去和世界对话-摘自《俞军方法论》
ps:我把AI给我生成的代码开源了,地址如下:
gitee.com/lanhusoft/p…
扩展阅读:
腾讯研究院《AI Coding非共识报告》划重点:AI Coding正在从代码⽣成⾛向产品定义
mp.weixin.qq.com/s/jw9c3HONe…
管理.1-把研发任务描述清楚是管理者的基本功
mp.weixin.qq.com/s/ybKWKwO6h…
人工智能-你还在用使用百度的姿势用AI吗?
mp.weixin.qq.com/s/GjEVJz6la…