Beverage flavor-curve poster skill created with Codex

陈皮在捣鼓AI

Learn how to install and use flavor-curve-beverage-poster: in an Agent/Red Skill-enabled environment upload a beverage photo or describe its theme, then generate a breakdown poster that extracts three main flavors and renders item images, bilingual labels, percent ratio bars and a continuous flavor curve. Suitable for menus, product pages, and flavor notes. Note: outputs are creative flavor expressions if no real recipe is supplied.

Image Analysis

Image 1

Facts (readable text, UI elements, chart data, visible phenomena; described top-to-bottom, from the right-side ingredient column to the left beverage):

- Top right image and text:

- A whole persimmon and a sliced piece are visible (orange flesh).

- Text (Latin and Chinese shown side-by-side):

- "PERSIMMON 柿子"

- A smaller line below: "Flavor Ratio(%)"

- To the right is a horizontal progress bar (left half orange, right half gray), with text at the right end: "50%"

- Middle right image and text:

- A bottle of milk and a shallow bowl of a dairy product (yogurt or cream) are visible.

- Text:

- "MILK 牛奶"

- Smaller line below: "Flavor Ratio(%)"

- To the right is a horizontal progress bar (left side pale yellow/milk color, right side gray), right-end text: "35%"

- Bottom right image and text:

- Osmanthus (small yellow flowers) with stems/leaves are visible.

- Text:

- "OSMANTHUS 桂花"

- Smaller line below: "Flavor Ratio(%)"

- To the right is a horizontal progress bar (left side yellow, right side gray), right-end text: "15%"

- Left large image (beverage):

- A clear plastic cup is visible (with a white mermaid/Starbucks logo). Inside is layered liquid (lower layer pale yellow/gel or fruit purée, upper layer dark brown/coffee color), cup rim has cream/top and orange sauce drizzle with yellow fine粒 sprinkle, and a white straw inserted.

- There are several short horizontal tick lines on both sides of the cup body (no numeric labels visible, only the lines).

- The beverage surface shows noticeable cream swirl and an orange sauce streak; yellow granular topping on the cream.

- Visual connection and layout:

- The three ingredient images on the right are visually connected to the left beverage by a brownish-red winding curve.

- Watermarks / marks:

- A white Chinese watermark text "小红书" (Xiaohongshu) is visible near the cup center (semi-transparent, overlaid on the cup body).

- The white mermaid/Starbucks logo is visible on the cup (the full logo is discernible).

- Colors and contrast:

- Background is light beige/cream.

- The left sides of the progress bars use colors matching the ingredient tones (persimmon orange, milk pale cream, osmanthus yellow).

- Typography/layout:

- Ingredient names are uppercase English (e.g., "PERSIMMON", "MILK", "OSMANTHUS") shown alongside Chinese names.

- Percentages under the progress bars use Arabic numerals with a percent sign ("50%", "35%", "15%").

Unreadable or partially visible items:

- It is not possible to discern whether the tick lines at the cup body have adjacent numeric labels (no numbers visible).

- Some very small detail texts or marks (e.g., on the cup lid edge or on the cream surface) are unreadable.

- It is unclear whether there are extra labels at the lower endpoints of the curve (the area appears blank or only the curve end is visible).

- Any smaller text beneath the white "小红书" watermark on the cup cannot be read.

Inferred (reasonable visual inferences, not directly readable text or data):

- The image appears to show a cold beverage or smoothie composed mainly of persimmon, milk, and osmanthus, with a breakdown of component ratios (inferred from ingredient images and "Flavor Ratio(%)" labels).

- Progress bar left-side colors match ingredient images' dominant tones and likely indicate relative proportions in flavor (the image shows 50%/35%/15%).

- The orange sauce and yellow sprinkle on top may come from persimmon jam and osmanthus granules/sugar respectively (inference only).

- Layered colors in the cup may indicate ice or cold brew/tea/coffee layered with fruit purée or a milk base (inference).

Notes (source information):

- The image did not provide an image source index or URL — source information is incomplete.

SkillPI Creation Analysis

Intended use:

- The flavor-curve-beverage-poster skill is intended to convert a beverage photo or a described beverage theme into a visual breakdown poster that highlights three main flavor components using item photos, bilingual (Chinese/English) labels, percent ratio bars, and a continuous flavor curve. Typical use cases: menu visuals, beverage description pages, flavor notes, and product-series images.

Image evidence summary (from image_text):

- The right column lists three ingredients in order: PERSIMMON (柿子, 50%), MILK (牛奶, 35%), OSMANTHUS (桂花, 15%), each accompanied by an item photo, uppercase English and Chinese labels, a small-line caption "Flavor Ratio(%)", and a color-coded horizontal progress bar showing the percentage.

- The left side shows a clear plastic cup with layered liquids and cream topping; the cup displays a white mermaid/Starbucks logo and a semi-transparent "小红书" watermark. A brownish-red winding curve visually connects the right-side ingredients to the beverage image. Background is light beige.

Steps to use the skill (based on source instructions and verifiable actions):

1. Install the skill in a platform that supports Agent/Red Skill. The source provides this Chinese install command:

"帮我安装一下 flavor-curve-beverage-poster这个 skill" (supply link if required).

2. Upload a beverage photo or provide a textual theme/description to the skill. Example prompt from the source:

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

3. The skill processes input and outputs a poster containing three extracted main flavors (with item images), bilingual labels, percentage ratio bars, and a continuous flavor curve. The exact output format (image file type, resolution) depends on the skill implementation.

Reproduction prerequisites:

- An Agent/Red Skill-capable environment or platform (the source says “any Agent”).

- Access to the code or package identified as GitHub "yvonnechen202608-byte" (verify repository URL, install instructions and license before use).

- Input image files in supported formats and necessary upload permissions/APIs.

- Rendering/export capability (whether the skill directly generates a downloadable high-resolution image or returns layout data for external rendering must be confirmed).

Items to verify (not confirmed by the source):

- Whether the implementation actually uses "Codex" as claimed in the user title (the summary does not list the technical stack explicitly).

- Exact GitHub repository location and contents for "yvonnechen202608-byte", including dependencies, build/install steps and license.

- Supported input/output formats, maximum image resolution, and language options for labels.

- Copyright and commercial-use constraints, especially regarding third-party logos visible in examples (the image contains a mermaid/Starbucks logo and a "小红书" watermark).

- Whether generated "flavor ratios" are based on any ingredient analysis or purely creative/heuristic visualizations (the source already cautions that outputs are creative if no real recipe is provided).

Closing verification note:

- To use outputs publicly or in production, review the GitHub repository (yvonnechen202608-byte) and confirm license, dependencies, and the runtime environment required to install and run flavor-curve-beverage-poster.

Original creation ↗