45 · 设计案例网页与落地页 UI 设计案例及提示词（Claude Code / Codex）
浏览用 Claude Code、Codex 与 Oil UI Skill 制作的官网、产品落地页与电商网页。每个案例都能打开实际页面，查看提示词和制作模型，参考内容结构、品牌表达与响应式设计。
106 · 设计案例
UI 设计灵感与真实案例合集
按界面形态或具体设计任务浏览 Oil UI 画廊。打开真实演示，比较不同实现方式，并查看作品背后的原始提示词。
按界面形态
45 · 设计案例
33 · 设计案例移动 App UI 设计案例与多屏提示词（Claude Code / Codex）
查看用 Claude Code、Codex 与 Oil UI Skill 制作的移动 App 界面，涵盖学习、出行、健康与日常工具。打开 390×844 多屏演示，查看提示词，参考导航、信息层级和不同状态的反馈。
18 · 设计案例桌面应用与后台工作台 UI 设计案例（Claude Code / Codex）
浏览用 Codex、Claude Code 与 Oil UI Skill 制作的桌面应用、监控后台、编辑器和工作台界面。查看 1440×900 实际演示和任务提示词，参考复杂信息、列表、画布与多栏布局的组织方式。
10 · 设计案例交互组件与界面模块设计案例及提示词（Claude Code / Codex）
查看用 Claude Code、Codex 与 Oil UI Skill 制作的交互组件与界面模块，包括结账、上传、可视化与控制面板。打开演示，参考状态变化、操作反馈与细节设计。
按设计任务
5 · 设计案例产品配置器设计：键盘、鞋履与定制手链案例
浏览机械键盘、手作手链、跑鞋和家具的真实配置界面，看选项、即时预览与价格摘要怎样配合。每个案例都可打开操作，并附原始任务提示词。
5 · 设计案例表单与分步流程设计：结账、注册和预订案例
查看结账、登录引导、空间预订与文件上传的完整流程，参考字段分组、步骤推进、输入校验和失败恢复，而不只是排列整齐的输入框。
7 · 设计案例互动学习界面设计：数学、科学、棋类与编程案例
从圆面积推导、电路搭建到分子结构与象棋战术，浏览把知识变成可操作步骤的学习案例，比较演示、练习与具体反馈如何衔接。
5 · 设计案例金融与账务界面设计：银行、报销和账单工作台
查看数字银行、个人记账、报销核对、订阅收入与 API 账单案例，参考金额层级、交易明细、异常处理和导出任务在不同财务场景中的设计。
7 · 设计案例媒体工具界面设计：视频审片、剪辑与音乐播放
浏览视频审片、时间线剪辑、分镜编排、电视流媒体、播客与音乐播放案例，比较媒体画面、播放控制和评论或队列怎样共享有限空间。
4 · 设计案例健康与运动 App 设计：经期、睡眠和训练记录
查看经期记录、睡眠放松、跑步恢复与游泳训练界面，参考敏感健康数据、趋势预测和高频记录在相同任务中的信息层级与表达方式。