Skip to content
Founding Lifetime: every skill, foreverFirst 100 members · $99 onceUpgrade
Lookbook
Sign In
For marketers

Make an infographic from your data with an AI agent

A designed one-page infographic from your CSV or JSON, or an architecture diagram drawn from your repo. Charts, numbers and labels come from your data, so the page shows your numbers.

Free skills to start. Pro is $19 a month for every skill. See pricing

Skills that make an infographic

Image$6.90 one-time

Infographic Poster

Explainers · PNG + PDF · 1080 × 1350, 1080 × 1920, A4 or A3

A designed one-page infographic from your CSV or JSON and a headline: big numbers, ring charts, bar and column charts, a timeline and pictogram rows, drawn as SVG from the data. Your agent finds the story, writes the poster file, and the renderer fits everything to the page and checks for overflow, colliding labels and contrast before writing a PNG and a vector PDF.

You bring

  • Your data: a CSV or JSON file, or the numbers typed in
  • A headline for the poster

You get

  • A 2x PNG, a one-page vector PDF and an HTML version of the poster
  • Big numbers, rings, bars, columns, a timeline and icon rows, drawn from your data
  • Feed, story, A4 and A3 sizes, in light or dark

Runs on

Node.js 18+ and ChromeClaude CodeCodexCursorGitHub CopilotGemini CLIOpenCode

Also for this job

Free
image
Blueprint Architecture DiagramChromeClaude CodeCodexCursor+3

How it works

How to make an infographic with a skill

  1. Step 1

    Install an infographic skill

    Copy the install prompt from a skill page and paste it into your agent. The first time, your agent opens a browser tab so you can approve it.

    curl -fsSL https://lookbk.dev/cli.js | node - add blueprint-architecture
  2. Step 2

    Give it the data

    Give the poster a CSV or JSON file and a headline. For a diagram, point your agent at your repo or describe the system.

    Read this repo and draw a Blueprint architecture diagram of the order service, with data flow animated.
  3. Step 3

    Review and share

    Your agent fits the layout and checks for overflow, colliding labels and contrast, then writes the files: a PNG and a PDF for a poster; HTML, SVG and PNG for a diagram.

    HTML + SVG + PNG

About

About these skills

Compare with asking your AI directlyWhy use a skill for an infographic instead of a plain prompt?
What you compareAsking your AI directlyUsing a Lookbook skill
NumbersFigures retyped by hand and easy to get wrongEvery bar and ring is drawn from the CSV or JSON file you give it
LayoutYou fit and nudge it yourselfThe renderer fits everything to the page and checks for overflow, colliding labels and contrast
FilesA flat pictureA 2x PNG, a one-page vector PDF and an HTML version of the poster
DiagramsA drawing with boxes the model made upBlueprint Architecture finds the services, stores and queues in your repo and draws what it found
PlansFree skills stay free. Pro is $19 a month, or $69 a year.

Pro monthly

$19/month

Billed monthly.

Pro yearly

Most popular

$69/year

About $5.75 a month.

Founding Lifetime

Founding offer

$99once

For the first 100 members only.

Prices are in US dollars. Sales tax or VAT is added at checkout where it applies.

Just need one skill? A single Pro skill is $6.90. Every purchase comes with a 7-day works-or-refund promise. Compare all plans

FAQ

Infographic skills: FAQ

Still stuck? The guides cover installing, agents and licensing in more detail.

Read the guides

What these skills don’t do

  • Make hand-drawn or illustrated infographics. Charts, numbers and icon rows are drawn from your data as clean SVG.
  • Draw maps, scatter plots or line charts with many series.
  • Make live dashboards, or detailed UML, sequence and entity diagrams.
How do I make an infographic from a spreadsheet?

Export it as a CSV (or use JSON), add a headline and ask your agent for an Infographic Poster. It finds the story in the data, writes the poster file, and the renderer fits everything to the page and writes a PNG and a PDF.

What sizes can I export?

Feed (1080×1350), story (1080×1920), A4 and A3, as a PNG and a vector PDF, in a light or dark theme.

Can I make an architecture diagram from my code?

Yes. Blueprint Architecture reads your repo or your description, finds the services, stores and queues, and draws a blueprint-style sheet as HTML, SVG and PNG. It isn’t made for UML, sequence or entity diagrams.

Can it draw icons and illustrations?

It draws icon and pictogram rows, rings, bars, columns and a timeline from your data. It doesn’t make hand-drawn or illustrated infographics.

Which agents can run them?

Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.

Can I try one for free?

Yes. 1 of the 2 infographic skills is free: Blueprint Architecture Diagram. A free account is all it takes to install one. No card needed.

What does it cost?

Free skills cost nothing. A single Pro skill is $6.90, yours to keep with a year of updates. Pro is $69 a year or $19 a month for every Pro skill, and Founding Lifetime is $99 once for the first 100 members. If a skill doesn’t work with your agent, email support@lookbk.dev within 7 days of buying and we fix it or refund you.

Can I use what I make commercially?

Yes. Anything your agent makes with a Lookbook skill is yours, including for client and commercial work. You can’t resell or republish the skill packages themselves.

Find the right skill for your next infographic

Free skills stay free. Pro is $19 a month, or $69 a year, for every skill.