用 Codex 做了一个饮品风味配方图的 skill

图片解读

第 1 张

事实（可读文字、界面元素、图表数据、可见现象，按视觉自上而下、从右侧配料列到左侧饮品）：

- 顶部右侧图片及文字：

- 可见一整颗和一块切开的柿子图片（橙色果肉）。

- 文本（拉丁字母与中文并列）：

- "PERSIMMON 柿子"

- 下面小一行："Flavor Ratio(%)"

- 右侧有一条水平进度条（左半部为橙色，右半部为灰色），进度条右端文字："50%"

- 中部右侧图片及文字：

- 可见一瓶牛奶和一个盛有奶制品（像酸奶或奶油）的浅碗图片。

- 文本：

- "MILK 牛奶"

- 下方小一行："Flavor Ratio(%)"

- 右侧有一条水平进度条（左侧为浅黄色/奶色，右侧为灰色），进度条右端文字："35%"

- 底部右側图片及文字：

- 可見桂花（黃色小花）與枝葉圖片。

- 文本：

- "OSMANTHUS 桂花"

- 下方小一行："Flavor Ratio(%)"

- 右側有一條水平進度條（左側為黃色，右側為灰色），進度條右端文字："15%"

- 左側大圖（飲品）：

- 可見一杯透明塑料杯（帶白色美人魚員工標誌/星巴克標志），杯內分層液體（下層淺黃色/奶凍狀或果泥，上層深褐色/咖啡色），杯口有奶油/奶蓋並有橙色醬汁淋飾與黃色細粒撒粉，插有白色吸管。

- 杯體兩側有數條水平短刻度線（無數字標注，僅線條可見）。

- 飲品表面有明顯的奶油旋紋及橙色醬線條，奶油上有黃色顆粒狀撒料。

- 視覺連接與佈局：

- 右側三組配料圖片與左側飲品之間由一條棕紅色的蜿蜒曲線連接。

- 水印/標識：

- 飲品杯中央或靠近中部有白色中文水印文字："小红书"（半透明，覆蓋在杯身上）。

- 杯身可見白色美人魚/星巴克標志（整個標志完整可辨）。

- 顏色與對比：

- 背景為淺米白/奶白色。

- 進度條左側使用對應配料色調（柿子為橙色、牛奶為淺奶色、桂花為黃色）。

- 版面文字樣式：

- 英文大寫配料名（例如 "PERSIMMON"、"MILK"、"OSMANTHUS"）與中文配料名並列。

- 進度條下方百分比以阿拉伯數字加百分號表示（"50%"、"35%"、"15%"）。

無法辨認或部分可見但不可讀的內容：

- 杯身側邊的刻度線旁是否有數字或刻度標籤不可辨認（看不到任何數字）。

- 有些極小的細節文字或標識（例如杯蓋邊緣或奶油表面的極細小印刷）不可辨認。

- 曲線起止點最下端是否有額外文字或標注不可辨（該區域為空白或僅為曲線終點）。

- 飲品杯上白色水印 "小红书" 的下方若有更小文字不可辨。

推測（基於圖像可見現象的合理推斷，非直接可讀文字或數據）：

- 該圖為一款以柿子、牛奶、桂花為主要風味組成的冷飲或冰沙類飲品的配方/成分比展示（根據配料圖片與“Flavor Ratio(%)”標籤推斷）。

- 進度條左側的顏色與配料圖片的主色調一致，可能用於視覺上表示各配料在風味中的相對佔比（圖中標注為 50%/35%/15%）。

- 飲品上方的橙色醬和黃色撒料可能分別來自柿子果醬與桂花顆粒/糖粉（僅為推測）。

- 透明杯中深淺分層可能表示含有冰塊或冷萃咖啡/茶與果泥或奶基底的分層（推測）。

備註（來源信息）：

- 圖像未提供來源編號或 URL —— 來源信息不完整。

SkillPI 作品解读

作品用途：

- 本 skill（flavor-curve-beverage-poster）用于把饮品图片或主题输入，生成视觉化的饮品拆解海报，输出三种主要风味要素的实物图片、双语（中英）配料标签、表示百分比的横向比例条以及一条连贯的风味曲线。适用场景包括菜单视觉展示、饮品介绍页、口味说明卡与系列产品图。

图片证据（基于 image_text 可见细节）：

- 右侧按顺序列出三种配料：PERSIMMON（柿子，50%），MILK（牛奶，35%），OSMANTHUS（桂花，15%），每项配有实物图片、英文大写与中文并列标签、下方小行 “Flavor Ratio(%)” 以及对应颜色的水平进度条。

- 左侧为一杯带有分层液体和奶油顶饰的透明塑料杯，杯身可见白色美人鱼/星巴克标志，杯体上覆盖半透明“小红书”水印。右侧配料与饮品由一条棕红色蜿蜒曲线视觉连接，整体背景为浅米白色。

关联 Skill 的使用步骤（基于来源提示与可兑现的信息）：

1. 在支持“Agent/Red Skill” 的环境中安装该 Skill。来源提示的安装指令为中文原句：

"帮我安装一下 flavor-curve-beverage-poster这个 skill"（必要时输入🔗）。

2. 向该 Skill 上传饮品照片或以文字说明饮品主题/风味。示例提示词来自来源：

"使用 flavor-curve-beverage-poster，把这张饮品照片做成三材料风味曲线配方图。"

3. Skill 处理后输出一张海报，包含三种提取出的主要风味（带实物图）、双语标签、每项的比例条（%）以及一条表示风味关系的连续曲线。输出格式/分辨率需依实际 Skill 实现而定。

复现前提（需要核备的环境与资源）：

- 可运行 Agent/Red Skill 的平台或本地环境（来源提到“任意Agent”）。

- 可访问或获取代码/包：GitHub 仓库标识为 "yvonnechen202608-byte"（需核实仓库 URL、分支、安装方式与许可）。

- 输入图像文件（兼容格式）、必要的权限（上传图片与生成图像所需的 API 权限或存储空间）。

- 渲染/导出能力（Skill 是否直接生成可下载高分辨率图像、或仅生成布局数据/JSON 供外部渲染器使用）。

待核实项（来源未直接验证的关键点，需要检查源码或作者说明）：

- 是否确实使用了“Codex”（用户标题提及 Codex，但来源摘要未在技术栈中明确列出）。

- GitHub 仓库 "yvvonnechen202608-byte" 的实际位置、代码实现、依赖、安装步骤与许可证条款。

- Skill 的输入输出格式规范（支持的图片类型、最大分辨率、是否接受纯文本主题描述、是否能指定语言输出等）。

- 生成内容的版权与商用限制，尤其当输出包含第三方商标/标识（图中可见美人鱼/星巴克标志）时的处理与避让策略。

- 是否会保留或去除水印/源网站标识（图中有“小红书”半透明水印）。

- 是否对生成的“风味比例”进行任何基于成分分析的计算，或仅为视觉化/创意表达（来源已说明：若未提供真实配方，生成内容为创意风味表达，不能用于配方鉴定或营养分析）。

结束语（核验事项）：

- 若要在生产环境使用或对外发布该 Skill 的输出，建议先查看并核实 GitHub 仓库（yvonnechen202608-byte）中的实现和许可证，并确认运行环境支持所需的 Agent/Red Skill 安装与图像处理能力。