Infographic Design

VerifiedSafe

Create data visualization infographics using each::sense AI. Supports flat design, illustrated, corporate, and editorial styles for infographics, process flows, timelines, and more.

Sby Skills Guide Bot
ContentIntermediate
7/28/2026
Claude CodeCursor
#infographic#data-visualization#ai-image-generation#eachlabs#visual-design

Recommended for

Automated summary

Generates infographic backgrounds, layouts and visual elements (statistical, process, timeline, comparison) through the each::sense agent from each::labs.

Strengths

  • Covers many infographic types: statistical, process/how-to, timeline, comparison, geographic and hierarchical
  • Supports up to 4 reference images to match an existing style, palette and illustration approach
  • Ships copy-paste curl and Python (OpenAI SDK) examples, with optional streaming responses

Limitations

  • Requires an each::labs API key (paid third-party service) and network access
  • Outputs AI-generated imagery, not charts plotted from real data, so numeric and text accuracy is not guaranteed
  • Results hinge heavily on prompt wording, and little guidance is given on getting legible text in the render
When to use it

Use it when you need an eye-catching AI-generated infographic visual or layout mockup rather than a chart built directly from your dataset.

Security analysis

Safe
Quality score82/100

The skill is a thin, well-documented wrapper around a single third-party image-generation API. All curl calls go to eachsense-agent.core.eachlabs.run, credentials are read from an environment variable and used for their intended purpose, and there is no obfuscation, file deletion, piping to shell, or exfiltration of unrelated secrets. Network access is inherent to the task and legitimate. The only mild concern is the wildcard Bash(curl *) permission, which is broader than strictly needed.

Findings
  • •Bash(curl *) is a broad permission, but every invocation targets the documented eachlabs.ai endpoint
  • •Requires EACHLABS_API_KEY env var; the key is sent only to the intended vendor API, not to arbitrary hosts
  • •Reference-image example uses an unrelated example.com URL only as a placeholder in documentation
How this analysis is made

Examples

Sustainability report layout
Create an infographic background and visual layout for a sustainability report: vertical scrolling format, clean white background, flowing green wave section dividers, flat vector icons of trees and wind turbines, earth tones and forest green palette.
Step-by-step process flow
Using this reference image, create a new infographic in the same style but laid out as a 5-step vertical process flow with numbered circular icons connected by dotted lines: https://example.com/infographic-reference.jpg
Comparison infographic
Design a side-by-side comparison infographic layout in a flat corporate style, two columns with a central divider, soft blue and grey palette, space reserved for icons and short labels at the top of each column.

name: infographic-design description: "Create data visualization infographics using each::sense AI. Generate visually compelling infographic backgrounds, layouts, and visual elements for statistical data, process flows, timelines, comparisons, and educational content. Supports flat design, illustrated, corporate, and editorial styles. Use for: infographics, data visualization, process diagrams, timeline graphics, statistical illustrations, comparison charts. Triggers: infographic, data visualization, infographic design, process flow, timeline graphic, data illustration, statistical graphic, comparison infographic, visual data, info graphic, chart design" allowed-tools: Bash(curl *), WebFetch

Infographic Design

Create visually compelling infographic layouts and data visualization graphics using each::sense — the intelligent AI agent that automatically selects the best model for your request.

Quick Start

Requires an each::labs API key. Get one at eachlabs.ai.

Using curl

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Create an infographic background and visual layout for a sustainability report. Vertical scrolling format, clean white background, sections separated by flowing green wave dividers, flat vector icons of trees and wind turbines as decorative elements, earth tones and forest green palette, modern and professional."
      }
    ],
    "stream": false
  }'

Using Python (OpenAI SDK)

from openai import OpenAI

client = OpenAI(
    api_key="YOUR_EACHLABS_API_KEY",
    base_url="https://eachsense-agent.core.eachlabs.run/v1"
)

response = client.chat.completions.create(
    model="eachsense/beta",
    messages=[{
        "role": "user",
        "content": "Create an infographic background and visual layout for a sustainability report. Vertical scrolling format, clean white background, sections separated by flowing green wave dividers, flat vector icons of trees and wind turbines as decorative elements, earth tones and forest green palette, modern and professional."
    }]
)

print(response.choices[0].message.content)

With Reference Image

Provide a data sketch or existing infographic for style matching:

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": [
              {"type": "text", "text": "Create a new infographic visual in the same style as this reference. Match the color scheme and illustration style, but create a layout for a 5-step process flow with numbered circular icons connected by dotted lines, vertical format."},
              {"type": "image_url", "image_url": {"url": "https://example.com/infographic-reference.jpg"}}
            ]
          }
    ],
    "stream": false
  }'

Images are sent inside messages using the OpenAI multimodal content format. Maximum 4 images per request.

Streaming

Set "stream": true for real-time SSE responses, or "stream": false for complete result in a single response. Streaming is useful for showing progress in UIs; non-streaming is simpler for scripts and automation.

Infographic Types

| Type | Layout | Best For | |------|--------|----------| | Statistical | Charts, graphs, numbers | Reports, surveys, research | | Process/How-to | Numbered steps, flow | Tutorials, workflows | | Timeline | Chronological sequence | History, project milestones | | Comparison | Side-by-side columns | Product comparisons, pros/cons | | Geographic | Map-based visuals | Regional data, logistics | | Hierarchical | Pyramid or tree | Organizational, priority data | | List | Numbered or icon list | Tips, features, facts |

Prompt Engineering Tips

Keywords That Work

infographic layout, flat vector illustration, clean data visualization,
icon-based design, section dividers, numbered steps, color-coded sections,
vertical scrolling format, consistent icon style, white space between sections

Keywords to Avoid

actual data and numbers — add real data in design software
tiny detailed charts — too complex for AI generation
3D rendered elements — flat vector works best for infographics
photorealistic style — illustrated/flat design is standard

Prompt Structure

infographic [type] for [topic], [layout description], [visual elements], [color palette], [style], vertical/horizontal format

Examples

Technology Process Flow

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Design a technology process infographic layout. Four connected stages flowing left to right, each stage is a rounded rectangle with a flat vector icon placeholder inside (gear, cloud, shield, rocket), connected by animated-looking arrows, dark background with neon blue and purple accents, futuristic and clean."
      }
    ],
    "stream": false
  }'

Health and Wellness Infographic

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Create a health infographic visual layout about daily nutrition. Vertical format, soft pastel background, a central illustrated human body silhouette with color-coded arrows pointing to different body parts, each arrow ends in a circular icon area for food groups, warm and friendly illustration style."
      }
    ],
    "stream": false
  }'

Business Statistics Layout

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Design a corporate statistics infographic template. Clean white background, four equal sections stacked vertically separated by thin gray lines, each section has a large circular chart placeholder on the left and a text area on the right, navy blue and gold accent colors, professional and data-driven."
      }
    ],
    "stream": false
  }'

Infographic Design Principles

  • Visual hierarchy — guide the eye from top to bottom in a logical flow
  • One color per category — use consistent color coding throughout
  • Icons over text — visual elements communicate faster than words
  • White space — generous spacing between sections prevents visual overwhelm
  • Consistent style — all icons and illustrations should use the same visual language
  • Standard width — 800-1200px wide for web, taller as needed for content

Workflow

# Step 1: Generate the infographic layout
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Infographic layout for a startup funding timeline. Vertical format, road or path metaphor winding from bottom to top, five milestone markers along the path, each marker is a distinct colored circle, light gray background, flat modern illustration style."
      }
    ],
    "stream": false
  }'

# Step 2: Refine specific sections
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Infographic layout for a startup funding timeline. Vertical format, road or path metaphor winding from bottom to top, five milestone markers along the path, each marker is a distinct colored circle, light gray background, flat modern illustration style."
      },
      {
        "role": "assistant",
        "content": "..."
      },
      {
        "role": "user",
        "content": "Add small flat vector illustrations next to each milestone: a lightbulb for ideation, a handshake for seed round, a sprouting plant for growth, a building for scaling, and a flag on top for IPO. Keep the same color scheme."
      }
    ],
    "stream": false
  }'

Related Skills

Related Models

Documentation

From the file to a first result

The download contains exactly the content displayed on this page. This copy may differ from the latest version in the source repository.

View the source and supporting files

This download contains SKILL.md only. Any scripts, references, templates and dependencies are not included. Get the required files from the source, preserving their directory structure, before continuing.

1. Download the file

Download SKILL.md

From the root of a test project, save the file as .skill-downloads/infographic-design-ms47voyg/SKILL.md, or use the command below. This folder is for inspecting the skill before installation.

Command for macOS/Linux or WSL: requires a POSIX shell and curl. On Windows without WSL, use the download button and create the folder manually.

mkdir -p '.skill-downloads/infographic-design-ms47voyg' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/infographic-design-ms47voyg/download' --output '.skill-downloads/infographic-design-ms47voyg/SKILL.md.part' && mv '.skill-downloads/infographic-design-ms47voyg/SKILL.md.part' '.skill-downloads/infographic-design-ms47voyg/SKILL.md'

2. Check prerequisites

Read SKILL.md before using it. If it references scripts or external services, inspect them and prepare the required access in your test environment.

Tools declared by the author (check availability in your agent): Bash(curl *), WebFetch

No recognized prerequisites section in this file. This does not mean it is self-contained: libraries, tools and access requirements may be mentioned elsewhere in the content or source repository.

The platforms on this page are catalog indications. The paths below follow tool documentation; they do not prove this skill has been run in those tools. No minimum tool version is confirmed for this listing.

3. Load the skill

After inspection, copy the complete folder into your project using one of the commands below, then open a new tool session. The command stops if a folder with the same name already exists: compare the files before replacing it.

Claude Code
test -f '.skill-downloads/infographic-design-ms47voyg/SKILL.md' && test -s '.skill-downloads/infographic-design-ms47voyg/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/infographic-design' && cp -R '.skill-downloads/infographic-design-ms47voyg' '.claude/skills/infographic-design'

Cursor
test -f '.skill-downloads/infographic-design-ms47voyg/SKILL.md' && test -s '.skill-downloads/infographic-design-ms47voyg/SKILL.md' && mkdir -p '.cursor/skills' && test ! -e '.cursor/skills/infographic-design' && cp -R '.skill-downloads/infographic-design-ms47voyg' '.cursor/skills/infographic-design'

OpenSkills

OpenSkills must already be installed. The local install/read procedure is checked with OpenSkills 1.5.0, which requires Node.js ≥ 20.6.0. Catalog slugs are not resolved automatically.

Official OpenSkills installation
openskills install './.skill-downloads/infographic-design-ms47voyg'

openskills read 'infographic-design-ms47voyg'

Reading should display the installed file content and its base directory. It does not run the skill or install its dependencies.

For an agent that reads AGENTS.md, then sync the index. This command changes AGENTS.md: review the diff before using it.

openskills sync

Manual method or another tool: attach SKILL.md to a conversation, or open it in an agent that can read files. Include any required supporting resources. No universal folder is recognized by every tool.

4. Try a first task

Use a short, synthetic input: an API endpoint, a small document or an interface brief. In a new conversation, attach the file or give the agent its path, then adapt this request:

Read .skill-downloads/infographic-design-ms47voyg/SKILL.md and apply its instructions to this example: [describe a test input]. Identify any missing files, dependencies or access. Produce the result requested by the skill without inventing data or running unreviewed scripts.

Expected result: output matching the skill instructions, or a precise list of missing prerequisites. A read confirmation alone does not validate a first use. If an external resource is unavailable, that path remains untested.

Related skills