OpenAI Codex爆火！官方前端提示词示例重磅推出

近日，OpenAI Codex因强大功能引发开发者热议，众多用户从其他AI工具转向Codex，OpenAI顺势推出官方前端提示词示例与使用指南。

四大前端提示示例介绍：

• 像素游戏：English提示词为Make a pixel art game where I can walk around and talk to other villagers, and catch wild bugs.，对应中文做一个像素风游戏，我可以在里面四处走动，和村民们交谈，还能捕捉野生的昆虫。


• 工作管理平台：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.，对应中文给我一个工作管理平台，用来帮助团队组织、跟踪和管理项目与任务。我想要的是带有看板的平台本身，而不是它的介绍页。


• 根据草图制作网页：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 和内容，用以实现这个网页应用的展示版本。如果能有令人愉悦的动画和响应式设计就更好了，但别把页面弄得太花哨。


• 根据线框图转化为应用程序：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 的文件中。

这些示例与提示词能够帮助开发者更高效地利用Codex进行前端开发，感兴趣的开发者可以尝试以上提示词来复现效果。