What /visualize-as-infographic made

One recorded run: the prompt, and what the Agent built with the Skill.

Teach your agent skilld

npx skilld install skilld --global
Adds the skilld Skill to your agent for every project.
Recorded with Codex, gpt-6.1-sol Open the demo of /visualize-as-infographic

PromptCreate two colourful 1200x675 infographic patterns explaining a community tool library's four lending rules: reserve one tool, collect with ID, return within seven days, report damage. Use English, dark backgrounds, no signature, no numeric impact claims, and distinct visual directions. Follow the Skill: independent HTML files, render both PNGs, inspect both and fix defects. Also create index.html that embeds both final posters as inline images in a responsive gallery, with a working pattern selector and concise descriptions. Don't ask questions. Make the design calls yourself. Use TypeScript for build tooling if needed. Save the final demo as one self-contained index.html with all CSS and runtime JavaScript inline. Bundle any package code locally. All visible controls must work. It will run in an opaque iframe with sandbox allow-scripts only: no form submissions, storage, popups, or downloads. Use explicit button handlers and in-page results. Support reduced motion, keyboard use, 390px mobile, and 1440px desktop. Verify the important controls in a browser before finishing.

/visualize-as-infographic