当前位置: 首页 » 资讯 » 新科技 » 正文

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

IP属地 中国·北京 AI寒武纪 时间:2025-09-17 08:12:04


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 的文件中



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

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其内容真实性、完整性不作任何保证或承诺。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。