gpt-5-codex彻底火了,很多人已经从Claude code 转向 codex了,只能说用户都是墙头草,只要工具好,一秒切换,毫不犹豫,OpenAI 趁热打铁,官方codex示例和提示词也来了
gpt-5-codex在响应式和移动端前端开发方面表现非常好,以下是一些示例和提示词
1.像素游戏
English:
Make a pixel art game where I can walk around and talk to other villagers, and catch wild bugs.
中文:
做一个像素风游戏,我可以在里面四处走动,和村民们交谈,还能捕捉野生的昆虫
2.工作管理平台
English:
Give me a work management platform that helps teams organize, track, and manage their projects and tasks. Give me the platform with a kanban board, not the landing page.
中文:
给我一个工作管理平台,用来帮助团队组织、跟踪和管理项目与任务。我想要的是带有看板的平台本身,而不是它的介绍页
3.根据草图制作网页
English:
Given this image as inspiration. Build a simple html page joke-site.html here that includes all the assets/javascript and content to implement a showcase version of this webapp. Delightful animations and a responsive design would be great but don't make things too busy.
中文:
以这张图片为灵感,在这里创建一个名为 joke-site.html 的简单 HTML 页面。页面需要包含所有必要的资源文件(assets)、Javascript 和内容,用以实现这个网页应用的展示版本。如果能有令人愉悦的动画和响应式设计就更好了,但别把页面弄得太花哨
4.根据线框图转化为应用程序
English:
"I have this wireframe, can you convert it to a real app for me? Generate HTML / inline CSS code for this website. Include CDN links for Tailwind / Bootstrap etc. Save your output to a file called index.html in the container's current directory."
中文:
我有一个线框图,你能帮我把它转换成一个真正的应用程序吗?请为这个网站生成 HTML 和内联 CSS(inline CSS)代码,并引入 Tailwind、Bootstrap 等框架的 CDN 链接。然后,将输出结果保存到容器当前目录下一个名为 index.html 的文件中
可以试试以上提示词,看看是否可以复现