Codex 的标签存档
别先画月球基地：用NASA真实影像与Codex做一页可信的太空视觉提案
admin
从NASA真实月面图、坡度可视化和空间站视野出发，附可复制的Codex提示词与五步验收法，分清视觉提案和工程结论。
用 Codex 做一页会呼吸的线上画册：3 张公有领域版画到桌面与手机实页
用三张 The Met Open Access 北斋版画，示范给 Codex 写清视觉限制，做真正可运行的响应式在线小展。附完整提示词、桌面与手机实页、版权及失败修正。
用 Codex 给雨中街拍调色：两张真实照片的前后对照与提示词
用两张获许可的真实雨景照片，示范让Codex编写本地逐像素调色脚本；附冷青阴影、暖高光的可复制提示词、前后对照和失败修正。
Figma Specs 配合 Codex 生成 UI：把设计意图交付成可验收页面的 6 步教程
用 Figma Specs 写清目标、状态和文案，再交给 Codex 生成 UI 并做三视口与异常路径验收；附可复制规格模板和提示词。
用 Codex 生成可解释的 AI 推荐设置 UI：预览、确认与撤销的 6 步教程
从自然语言偏好到预览卡、状态合同、Codex 提示词、组件结构和三视口测试，做一个能确认、能撤销的 AI 推荐设置界面。
用 Codex 做有分寸的 UI 微动效：从状态表到低动态测试的 6 步工作流
用一个保存按钮演示 Codex UI 微动效完整工作流：状态表、可复制提示词、CSS、reduced-motion、Playwright 与三视口验收。
Punk-Skill：31 种 AI 封面风格，让文章配图更简单
Punk-Skill 把文章理解、视觉风格和图像生成串成一套工作流，提供31种封面与7种头像/插画风格，并支持在Codex等AI Agent中调用。
用 Codex 同步 Figma 设计 Token：7 步让变量、CSS 与组件不再漂移
从Figma Variables和DTCG JSON出发，用Codex审计、转换和迁移设计Token，再以Playwright固定视觉回归证据。
用 Codex 生成可访问表单 UI：7 步覆盖键盘、错误与自动测试
用Codex生成真正可访问的表单UI：从原生语义、错误文案和焦点管理开始，再用Playwright与axe覆盖键盘路径和自动测试。
用 Codex 把假数据 UI 接成真页面：7 步覆盖五种状态
从接口契约、状态矩阵和数据适配层开始，用Codex接入真实API，并用Playwright覆盖loading、empty、error、权限与成功状态。