Add gallery of infographic examples#6
Conversation
There was a problem hiding this comment.
💡 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".
|
|
||
| Below is a gallery of sample infographics generated using the portable CLI tool with different aspect ratios and modes. | ||
|
|
||
| ````carousel |
There was a problem hiding this comment.
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 👍 / 👎.
| ```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 \ |
There was a problem hiding this comment.
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 👍 / 👎.
…rs correctly on github/npm
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.