大家好,我是吾鳴。专注于分享提升工作与生活效率的工具,无偿分享AI领域相关的精选报告,持续关注AI的前沿动向。
前面我分享过一篇Codex的入门级教程,对Codex不了解的朋友可以前去看看——《Codex保姆级入门教程》。
Codex,大家从这个名称上可能对它有一些误解,认为它就是用来编程的,这个名字可能是有些误导,因为它不仅能编程,也能用来处理日常的工作,像进行报表分析、制作课件PPT、制作视频动画等。
在写Codex的入门教程文章的时候,我为了更好的了解Codex,所以自己给开通了一个Plus会员,开通完之后便一直想用它来做一个产品,所以便在整理着需求。
回忆起来之后和很多位朋友的答疑沟通,总结出来其实它们更多的是在问提示词应该如何编写,大家还是不知道如何写提示词,所以我打算用Codex来制作一个图片提示词广场,让大家看到不同的图片它的提示词长成什么样。
说干就干,从需求分析到最后的产品成形上线,花了近两周的时间,断断续续的不断的优化,最后产品成形上线。
本文我将介绍图片提示词广场这个产品的功能,还有我是如何使用Codex制作这个产品的一些关键步骤以及踩的一些坑的分享。
功能介绍
这个是提示词广场的首页,左侧是菜单栏,右侧是内容区域;图片提示词广场上方可以看到提示词的数量、模型数量、分类数量等一些简单的数据统计信息。
下方便是一些筛选的条件,比如可以根据模型、分类以及提示词的关键词去做对应的筛选。
筛选条件的下面便是一个个独立的提示词,提示词上可以看到生成的图片案例、标题、提示词分类、完整提示词、关键词等信息;
如果你想查看提示词的详情,那么可以点击查看详情的按钮;如果你想要基于这个案例制作同款图片,那么可以点击制作同款按钮。
点击做同款按钮,便可以跳转到生图工作台,在生图工作台上会自动回填生图所需要的参数,比如生图提示词、模型、尺寸等信息。
如果需要调整提示词,那便可以直接在提示词输入框中调整,如果有参考图,那么也可以在参考图中上传对应的参考头图,待参数都调整完之后,点击发起生成按钮,便可以直接生图。
在生成历史菜单上,可以看到以往生图的记录,可以看到对应的提示词、尺寸等参数,点击查看详情也会跳转到生图工作台,可以查看到参考图、提示词等参数,并且能基于历史的内容做调整后重新生成。
上面就是图片提示词广场这个产品的核心功能,还有像用户管理系统、积分管理系统,就是和原来我做的扣子插件那边的用户管理系统和积分管理系统是打通的,一个账号两边都能使用。
Vibe Coding关键步骤
制作这个网站我使用到了Codex,个人觉得Codex的plus会员给的额度还挺足的,全身心投入进去Vibe Coding的话,基本上能扛四天吧,周额度的话;在GPT5.5这个模型质量的基础上,这个额度已经算比较可以了。
制作这个网站的Vibe Coding过程我把它概括成四个核心主要的阶段。
第一个阶段是需求澄清阶段,这个阶段你可以和Codex聊你的想法,描述你想要的产品的主要的核心使用的场景,希望有哪些功能;你也可以只告诉Codex你想要解决的主要问题,让它帮你去做需求分析,设计系统。
需求澄清阶段沟通完之后,最关键的一点,那就是让Codex把聊的这些需求整理成一份完整的需求文档,然后你可以去看这份需求文档,看看是不是聊差了,这个和平常需求评审一样,只是现在你要面对的是Codex。
第二个阶段就是让它基于这份需求文档做技术方案设计,这个相当于看它会怎么样去实现这个需求,我比较关心这个步骤,因为我之前做扣子插件已经抽象出来了用户管理系统和积分管理系统,所以我是希望新的这个产品能复用这两个系统的能力,这样可以让我服务的用户可以继续使用我后面开发的产品。
一开始Codex给设计的是独立的用户管理和积分管理体系,后面经过和它的多轮辩论之后,把它给纠正过来了,达成一致。
第三个阶段便可以开始让它撸码了,需求文档和技术方案都已经确定了,后面就是只需要下发指令让它按照这两份文档开始干活就可以。
第四个阶段便是开始对产品细节打磨,Codex按照需求文档实现出来的第一个版本功能都是实现了的,就是会有很多细节的问题会不太满意的,这个时候就需要你和它一点点的将整个网站从能用变成好用,这个比较耗时间,这个阶段我和Codex的对话次数,我都数不清了。
Codex遇到的一些问题
Codex是挺好用的,搭配上GPT5.5,可以做到指哪打哪,一点儿都不含糊的,但是在使用的过程中因为网络、账号的影响遇到了一些小问题,下面把问题和解法都做一下分享。
第一个小问题,是在和Codex对话的过程中,会一直提示Reconnecting五次。
这个问题是因为Codex没有走HTTP代理导致的,可以在%USERPROFILE%.codex中创建文件名为.env的文本文件,在文件中加入本机的HTTP代理就可以解决。
#替换成你本机代理的端口
HTTP_PROXY=http://127.0.0.1:1090
HTTPS_PROXY=http://127.0.0.1:1090
第二个小问题,就是Codex上的项目会话看不到了,我试过把电脑关机之后,重新打开Codex,发现原先和它聊天的记录全没了,这种情况通常不是因为会话真丢了,而是因为有些元数据变了,导致没有显示出来,可以下载一个开源的小工具(codex-provider-sync),让它去做修复即可。
写到最后
Codex+GPT5.5任务处理能力非常强悍,用它做了这个提示词广场产品之后,已经对Codex爱不释手了,复杂的任务它都能轻松驾驭。
想体验提示词广场产品的朋友,欢迎与我交流,即可获取专属体验链接。
好了,本文的分享就到这里,如果您觉得有收获的话,可以给个一键三连,您的鼓励是吾鳴持续输出的最大动力。