OpenAI Codex彻底火了，4个官方前端提示示例给你

炒股就看金麒麟分析师研报，权威，专业，及时，全面，助您挖掘潜力主题机会！

（来源：网易科技）

gpt-5-codex彻底火了，很多人已经从Claudecode转向codex了，只能说用户都是墙头草，只要工具好，一秒切换，毫不犹豫，OpenAI趁热打铁，官方codex示例和提示词也来了

gpt-5-codex在响应式和移动端前端开发方面表现非常好，以下是一些示例和提示词

1.像素游戏

English:

MakeapixelartgamewhereIcanwalkaroundandtalktoothervillagers,andcatchwildbugs.

中文:

做一个像素风游戏，我可以在里面四处走动，和村民们交谈，还能捕捉野生的昆虫

2.工作管理平台

English:

Givemeaworkmanagementplatformthathelpsteamsorganize,track,andmanagetheirprojectsandtasks.Givemetheplatformwithakanbanboard,notthelandingpage.

中文:

给我一个工作管理平台，用来帮助团队组织、跟踪和管理项目与任务。我想要的是带有看板的平台本身，而不是它的介绍页

3.根据草图制作网页

English:

Giventhisimageasinspiration.Buildasimplehtmlpagejoke-site.htmlherethatincludesalltheassets/javascriptandcontenttoimplementashowcaseversionofthiswebapp.Delightfulanimationsandaresponsivedesignwouldbegreatbutdon/'tmakethingstoobusy.

中文:

以这张图片为灵感，在这里创建一个名为joke-site.html的简单HTML页面。页面需要包含所有必要的资源文件（assets）、JavaScript和内容，用以实现这个网页应用的展示版本。如果能有令人愉悦的动画和响应式设计就更好了，但别把页面弄得太花哨

4.根据线框图转化为应用程序

English:

/"Ihavethiswireframe,canyouconvertittoarealappforme?GenerateHTML/inlineCSScodeforthiswebsite.IncludeCDNlinksforTailwind/Bootstrapetc.Saveyouroutputtoafilecalledindex.htmlinthecontainer/'scurrentdirectory./"

中文:

我有一个线框图，你能帮我把它转换成一个真正的应用程序吗？请为这个网站生成HTML和内联CSS（inlineCSS）代码，并引入Tailwind、Bootstrap等框架的CDN链接。然后，将输出结果保存到容器当前目录下一个名为index.html的文件中

可以试试以上提示词，看看是否可以复现