Skip to content

Add gallery of infographic examples#6

Merged
ryanbaumann merged 3 commits into
mainfrom
gallery-examples
Jul 7, 2026
Merged

Add gallery of infographic examples#6
ryanbaumann merged 3 commits into
mainfrom
gallery-examples

Conversation

@ryanbaumann

Copy link
Copy Markdown
Owner

This PR adds a gallery of three generated infographic examples (under /examples) demonstrating different aspect ratios (16:9, 4:3, 9:16) and styles (data-story, technical-deep-dive, executive-summary) using the portable CLI tool. It also embeds them in a carousel in the README.md along with the commands used to generate them.

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: df9bf82ddf

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread README.md Outdated

Below is a gallery of sample infographics generated using the portable CLI tool with different aspect ratios and modes.

````carousel

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Do not hide the gallery inside a code fence

The opening ````carousel fence causes GitHub/npm Markdown to treat everything until the closing four-backtick fence as a code block; there is no carousel renderer in the repo for this README markup. In those environments the newly added image links and headings render as literal text instead of a visible examples gallery, so the intended screenshots are not shown.

Useful? React with 👍 / 👎.

Comment thread README.md Outdated
```bash
python3 skill/infographic-agent/portable_infographic.py \
"Evolution of AI Agents (2020-2026): In 2020, simple APIs were used. In 2022, chain-of-thought emerged. In 2024, multi-agent frameworks took off. By 2026, autonomous coding agents do multi-file editing and verification." \
--output examples/ai_agents_evolution.jpg \

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Use output filenames the CLI actually writes

With the documented Pillow dependency installed, portable_infographic.py normalizes generated images to image/png, and save_image swaps a mismatched .jpg output extension to .png. This command therefore writes examples/ai_agents_evolution.png, not the checked-in examples/ai_agents_evolution.jpg linked below, so users following the reproduction command will not update the displayed gallery image; the same mismatch appears in the other two example commands.

Useful? React with 👍 / 👎.

@ryanbaumann ryanbaumann merged commit cae7e08 into main Jul 7, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant