从需求到结果：视频里真正发生了什么
下面不是宣传摘要，而是这次构建的可见过程、提示词片段、迭代重点与最终结果。即使不播放视频，也能完整理解案例。
需求与选型：先决定页面任务
这次演示的目标，是快速做出一个具有珠宝质感、但仍可继续开发的品牌页面。画面先进入千变刻画素材库，浏览网站类方案，并打开 OYLA 相关素材查看预览。选择它不是因为效果最多，而是因为它具备清楚的商品视觉、克制排版和完整章节节奏，适合检验“提示词能否把审美判断交付给编程工具”。
提示词片段：把视觉变成约束
复制的内容并不只写“做一个高级珠宝网站”。核心要求包括：以商品与品牌叙事为主线，使用大幅留白和高质量影像建立层级；导航、首屏、产品展示、品牌章节与行动入口保持连续；桌面和手机分别安排图片裁切、文字尺度与内容顺序；所有可见按钮都应有明确目标。完整提示词仍受会员权限保护，公开片段用于说明它为什么比风格形容词更可执行。
生成过程：Codex 读取任务并创建页面
提示词被粘贴到 Codex 后，工具开始读取要求、生成文件并处理布局。视频将这段等待过程加速，但没有把它伪装成一秒完成。真实生成需要写入组件和样式、确认资源路径并启动本地服务。这个阶段没有临时加入登录、支付或数据库，让任务保持在“完成一张可运行的品牌页面”这个边界内。
第一次验证：代码完成不等于网页完成
当 Codex 启动预览后，检查重点回到浏览器：页面是否真的能打开，首屏比例是否合理，商品图有没有被错误拉伸，正文对比度是否足够，滚动时各章节能否自然出现。真实交付应该以运行结果为准，而不是以终端里出现“完成”两个字为准。
最终结果与仍需继续检查的部分
视频最后展示生成后的 OYLA 页面与多个内容章节。结果证明同一套提示词可以把视觉参考转化成可运行网页骨架，同时保留品牌图像、排版与浏览节奏。它并不意味着任何项目都能一次上线：换成真实品牌后，仍要替换拥有版权的图片和字体，核对手机布局、链接、加载状态、性能与业务文案。这个案例证明的是一条可重复的工作流，而不是虚构的一次命中率。