首页 › LLM大语言模型 › Codex专栏 › Codex 实战案例 › Codex 跑出完整产品原型

Codex 跑出完整产品原型

第一步:用 Codex 一句话部署 open-design​

​

•

帮我本地部署 Open Design,并让它在 Codex 里面运行​

​

​

飞书文档 - 图片

​

从这一刻起,Codex 就完全接管了 open-design 的操作权限——你不需要再打开任何界面。​

第二步:写 Prompt,生成完整产品原型​

​

•

帮我用 Open Design,设计一个 AI 社媒内容创作平台的高保真 Web 原型,适合内容团队和品牌运营使用​

​

​

​

​

Codex 部署完成,Open Design 运行在 127.0.0.1:5175

Codex 部署完成,Open Design 运行在 127.0.0.1:5175​

​

50%

​

​

​

Codex 接收设计需求,Open Design 待命

Codex 接收设计需求,Open Design 待命​

​

50%

​

​

第三步:查看成果​

生成完成后,在浏览器打开生成的 HTML 文件预览。​

​

​

​

飞书文档 - 图片

​

50%

​

​

​

飞书文档 - 图片

​

50%

​

​

工作台首页:快速创作入口、任务状态、最近项目一览​

图片创作页:选模型、平台尺寸、风格、品牌色,一键生成:​

​

​

​

飞书文档 - 图片

​

50%

​

​

​

飞书文档 - 图片

​

50%

​

​

图片创作页:模型、尺寸、风格、品牌色全部可配​

​

视频创作页:脚本生成视频、图生视频、文生视频、分镜生成视频,视频模型自由选:​

视频创作页:多种生成方式,视频模型自由选​

​

分镜编辑页:每个镜头独立展示画面描述、台词、时长、镜头运动,支持单镜头重生成:​

分镜编辑页:每个镜头独立控制,支持单镜头重生成​

​

​

Tip​

不满意?在 Codex 里追问:"把首页改成深色模式""Skill 中心卡片改成 3 列"。Codex 会再次通过 MCP 调用 open-design,自动重新生成对应页面,改到满意为止。​

​

​