建立设计上下文
向 Codex 提供页面截图、组件规范、交互目标和工业软件的高密度布局要求，先统一结构与视觉语言。
01 · PROJECT OVERVIEW
项目概述
02 · CODEX WORKFLOW01 02 03 04
如何用 Codex 把设计变成可交互页面
这不是一次简单的静态稿转代码。我先把工业场景、信息层级、视觉规范和可公开范围整理成约束，再让 Codex 按页面逐步实现 HTML、CSS 与 JavaScript 交互；每轮都通过真实操作检查节点编排、侧栏、表格、弹窗和状态反馈，再用明确的问题描述继续迭代。
拆解可交互任务
将登录、驱动管理、标签浏览、逻辑编排与在线测试拆成独立任务，逐个实现并保持状态一致。
生成前端原型
由 Codex 编写可运行的 HTML、CSS 和 JavaScript，补齐表单校验、导航切换、画布节点、属性侧栏与反馈动画。
对照设计迭代
针对间距、层级、响应状态和操作细节持续反馈，快速修改代码，最终形成可以直接点击体验的高保真原型。
03 · INTERACTIVE PROTOTYPE
点击体验交互原型
演示包用于展示 Codex 如何把设计稿实现为可操作的网页原型。出于项目保密要求，仅开放“逻辑编排”和“驱动管理”相关页面与交互，其他业务模块不在本次公开范围内。
体验账号123456
体验密码123456
验证码输入画面中的验证码
开放范围逻辑编排 / 驱动管理
交互演示仅支持桌面端浏览器。请使用电脑打开本页面体验；移动端仍可继续查看下方项目截图。
保密说明：演示内容已做范围控制，仅用于作品能力展示，请勿传播、录制或用于其他用途。