Playwright 的标签存档
用 Codex 生成可解释的 AI 推荐设置 UI：预览、确认与撤销的 6 步教程
admin
从自然语言偏好到预览卡、状态合同、Codex 提示词、组件结构和三视口测试，做一个能确认、能撤销的 AI 推荐设置界面。
用 Codex 做有分寸的 UI 微动效：从状态表到低动态测试的 6 步工作流
用一个保存按钮演示 Codex UI 微动效完整工作流：状态表、可复制提示词、CSS、reduced-motion、Playwright 与三视口验收。
用 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、权限与成功状态。