remybroun

Infographic — Design skill for Claude Code

Design community

A Claude Code skill that turns a document or a topic into a designed visual explainer.

How to install Infographic

This entry records only its repository, not the path inside it, so there is no exact command to give. Open remybroun/infographic and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Infographic does

A Claude Code skill that turns a document or a topic into a designed visual explainer. 52 block forms, an enforced word budget, and guards that fail the build.

Alternatives in Design

  • Deepen — Spare-budget design pass 1.1k ★
  • WP Block Themes — WordPress block theme development 902 ★
  • Hue — open-source skill that learns any brand and turns it into a complete design system 806 ★

README

the infographic mark

infographic

Represent the world.

selftest version 3.3.1 Python 3.12+ 56 block types dependencies 0 license MIT branding

A skill that turns a document, a dataset or a topic into a designed visual explainer: a print-ready PDF, or a continuous scrolling page whose HTML is the deliverable.

It is not a chart library. It is a set of constraints that make a model produce a graphic document instead of an essay with figures stapled to it, and most of those constraints fail the build rather than advise.

/infographic 

Install

npx skills@latest add remybroun/infographic

That drops it wherever your agent looks for skills, Claude Code included, and `npx skills update infographic` pulls later versions. It installs into the current project by default; add `-g` to install it for every project instead.

Or do the same thing by hand, because a skill is only a directory with a `SKILL.md` in it, and C