还在熬夜抠图、调样式、手搓HTML代码吗？当别人已经开始用AI“雇佣”数字员工时，你的设计工作流或许该升级了。今天，大国AI导航（daguoai.com）就带你沉浸式体验一把Codex的硬核玩法——不需要你懂编程，也不用一张张图去手动改名，只需几句人话，AI就能直接接管你的本地文件夹，从素材整理、AI绘图画质提升，一路干到生成可交互的移动端网页展示。
摘要：本文将以一款电竞游戏耳机的详情页制作为例，完整拆解如何利用AI编程工具Codex实现设计工作流的自动化。涵盖本地项目创建、批量素材智能重命名、电商结构化文案生成、GPT Image2绘图提示词输出，以及零基础生成移动端网页与作品集的全过程。掌握这套流程，无论是应对海量素材整理，还是快速出图建站，都能让你事半功倍，彻底告别机械劳动。
别只当聊天机器人，Codex是能“动手”的数字员工
很多人对AI的印象还停留在“对话框里问问题”的阶段，但Codex不一样，它是真的能直接操控你电脑文件的狠角色。打个比方，传统的AI就像个只会动嘴的军师，而Codex则是亲自下场抡键盘的执行官。
拿这次做电竞耳机详情页来说，咱们第一步就是0帧起手，创建本地项目。不需要麻烦地上传素材，你只要告诉Codex你电脑里的项目路径（比如 此电脑 > work(T:) > AI C > 1003），它就能自己钻进去读取里面的内容——产品图、参考素材、卖点文档，全都在它的掌控之中。
素材大扫除：一句话让几百个乱码文件乖乖归位
做设计的最怕啥？收到甲方传来一堆诸如“818L8bJ+cAL_A C_SX522.jpg”这种毫无意义的乱码素材。要是只有9张图，咱们手动改改也就忍了，但试想一下，如果是900个图片、视频文件混在一起呢？光重命名就能让人崩溃。
这时候，Codex的威力就体现出来了。我直接甩给它一句指令：“整理与重命名 CK 文件夹的图片，命名格式 01_参考图_图片内容”。
接下来就是见证奇迹的时刻：Codex会自己去扫描文件夹，识别每张图的内容，然后乖乖按你的规矩改名。比如它会把乱码图重命名为“01_参考图_游戏电话无缝切换.jpg”、“05_参考图_全天佩戴舒适软垫.jpg”。甚至连哪张图是重复的，它都能帮你揪出来，顺手标记个“重复”后缀。这种原本耗费大量人力的机械活儿，现在分分钟搞定，省下来的时间拿去摸鱼不香吗？
深度剖析产品：从卖点到AI绘图提示词的一键生成
素材归位后，咱们就该啃硬骨头了——出详情页的视觉和文案。这次我们要做的是一款游戏头戴式耳机，主打电竞圈和数码潮人。
我给Codex下了个明确的框架：
产品类型：游戏头戴式耳机
目标人群：游戏玩家、电竞爱好者、直播玩家
整体风格：酷炫、电竞、暗色背景、RGB灯效、蓝紫霓虹光效
要求：文案适合淘系/京东，结构要模块化，还得给我配套能喂给GPT Image2的绘图提示词。
Codex不仅迅速搭出了“首屏主视觉”、“核心卖点总览”等模块的骨架，甚至连每个模块对应的AI绘画提示词都给你拆解得明明白白。比如首屏模块，它会告诉你提示词应该写：“暗黑电竞科技风，蓝紫霓虹光效，耳机居中放大45度角悬浮展示，边缘冷光描边……”
这就相当于它不光帮你列了菜单，连怎么买菜、怎么炒菜的秘方都给你准备好了。你拿着这些提示词丢给网页版GPT去生图，两者打配合，出图效率直接起飞。
网页展示：不懂代码也能把作品集玩出花
图做出来了，怎么展示？过去你得求前端，或者自己吭哧吭哧学Dreamweaver。现在，你只需要让Codex兼职你的“资深前端开发+电商视觉设计师”。
告诉它我要做个移动端展示页，把刚才定好的风格、字体（思源黑体等）、模块结构一股脑喂给它，顺便让它建个assets文件夹把素材塞进去。没多久，一个包含暗黑电竞风、HUD科技线框的HTML页面就生成了。
不会代码怎么改？ 这招最绝：直接在预览页面或者代码里加注释。哪块字号大了、哪块间距窄了，你就像批改作业一样写上批注，Codex看到注释就会自己去调代码，根本不需要你懂一行CSS。
不管是做电商详情页，还是把自己的作品打包成在线作品集，底层逻辑都是一脉相承的。至于目前还不太稳定的“导出PSD分层文件”功能，虽然偶尔会抽风报错，但这绝对是未来设计师极度渴望的功能，一旦成熟，从网页到源文件的无缝流转将不再是梦。
写在最后
在这个AI工具狂飙猛进的时代，淘汰你的从来不是AI，而是比你更会用AI的人。从整理素材到产出网页，Codex把原本割裂的设计工作流串联了起来。也许现在的它还需要你时不时“扶一把”，但这种人机协作的快感，已经足以让我们瞥见未来设计的模样。
文章来源：大国AI导航（daguoai.com）整理发布，基于87time的Codex实操案例。
