do-recipe-diagrams

Convert recipes into high-resolution Cooking for Engineers-style PNG process-flow diagrams.

2|Updated May 25, 2026
One-click install
npx skills add https://github.com/edheltzel/Do-Skills --skill do-recipe-diagrams-edheltzel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: do-recipe-diagrams
Source: https://github.com/edheltzel/Do-Skills/tree/main/skills/personal/do-recipe-diagrams
Command: npx skills add https://github.com/edheltzel/Do-Skills --skill do-recipe-diagrams-edheltzel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires imagemagick, and includes scripts (resource) components.

What problem does it solve? Written recipes hide the dependency structure between ingredients and steps, making it hard to see what can be prepared in parallel, when streams join, and where timing matters. This Skill turns any recipe into a visual process-flow table that shows ingredient streams, preparation branches, joins, temperatures, and timings at a glance. ## Core Features & Use Cases - Dependency Graph Construction: Normalizes the full recipe source, splits ingredients into labeled portions, and orders operations into planar columns so every join is unambiguous. - High-Resolution PNG Rendering: Encodes the graph as JSON and renders a 4K-wide PNG table with merged action cells, wrapped labels, and a monospaced font via Python and ImageMagick. - Audit and Uncertainty Marking: Verifies every ingredient, operation, and ordering constraint against the source, flagging ambiguities with [?] instead of inventing resolutions. - Use Case: Ask for a diagram of a banana bread recipe and receive a Cooking for Engineers-style chart showing the mash and melt streams joining into a mix step, with oven preheating listed as setup. ## Quick Start Ask the agent to create a recipe diagram for your recipe, for example: turn this chocolate chip cookie recipe into a Cooking for Engineers-style process-flow diagram.

Frequently Asked Questions about do-recipe-diagrams

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a Cooking for Engineers-style recipe diagram?▼

Provide the complete recipe and ask for a recipe diagram. The Skill normalizes the source, builds a dependency graph of ingredient streams and operations, encodes it as JSON, and renders a high-resolution PNG process-flow table.

What tools are required to render a recipe diagram as PNG?▼

Rendering requires Python 3 and ImageMagick installed on the system. The script generates SVG markup and rasterizes it with the `magick` command, using a local monospace font that can be overridden with the RECIPE_DIAGRAM_FONT environment variable.

Can I change the font or width of the recipe diagram?▼

Yes. Set the RECIPE_DIAGRAM_FONT environment variable to a .ttf or .ttc file to override the detected monospace font, and pass a larger --width value to the renderer for unusually dense tables. The minimum PNG width is 1920 pixels.

Why does the recipe diagram renderer fail with an input error?▼

The JSON schema requires a title, a non-empty ingredients array, and columns whose actions have valid inclusive row ranges that do not overlap within a column. Errors also occur if the width is too narrow or ImageMagick is not installed.

How are unclear or ambiguous recipe steps handled in the diagram?▼

Ambiguous source details are marked with a [?] label in the diagram rather than resolved by guessing. After the image, the Skill lists each uncertainty in a short Uncertainties section so you can clarify the intent.