Leaderboard/Media/infocard-skills
Last commit on June 13, 2026·Created on March 8, 2026

shaom/infocard-skills

Turns source text into editorial cards that hold at any ratio.
Combined rank
#508
across all skills
In Media
#22
category rank
Stars
510
+0.4% in last 7d
Forks
34
-2.9% in last 7d
Watchers
1
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill generates high-density HTML info cards in a modern magazine and Swiss-international style, then captures them as PNG screenshots at exact aspect ratios. It helps editorial designers, marketers, and content teams produce polished visual summaries for campaigns, learning materials, and data-driven narratives—without leaving the agent workflow.

WHO IT'S FOR
Editorial / Content Designers
generate editorial-style info cards from text
Marketing / Communications Professionals
create visual promotional cards for campaigns
Educators / Instructional Designers
produce concise visual summaries for learning
Data Journalists / Visual Storytellers
build editorial cards for data-driven narratives
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

Manually install editorial-card-screenshot

Installs: The complete editorial-card-screenshot skill package, including SKILL.md, assets, references, scripts, and agents metadata when supported by the host.

Before you start
  • A browser binary named google-chrome, chromium, or chrome is required by the skill. For PNG capture, the current helper expects local Google Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome.

Platform: The documented PNG helper path is for a local macOS Google Chrome installation; no platform restriction is documented for the manual package-copy step.

  1. Copy or install the entire skills/editorial-card-screenshot directory into your agent's skills location. Keep SKILL.md, assets/, references/, scripts/, and agents/ together; include agents/ when the host supports that metadata.

  2. If you want PNG output, ensure the current helper can access local Google Chrome at the documented path.

skills/editorial-card-screenshot/SKILL.md · Checked Sep 18, 2026README.md · Checked Sep 18, 2026

Give it something to do.

Author’s example

Turn notes into an editorial information card

Uses editorial-card-screenshot

  • Replace “these notes” by supplying the source notes or text to transform.
Use $editorial-card-screenshot to turn these notes into an editorial info card.
skills/editorial-card-screenshot/SKILL.md · Checked Sep 18, 2026README.md · Checked Sep 18, 2026
Author’s example

Create a portrait 3:4 information card

Uses editorial-card-screenshot

  • Replace “this text” by supplying the source text to transform.
Use $editorial-card-screenshot to make a 3:4 information card from this text.
skills/editorial-card-screenshot/SKILL.md · Checked Sep 18, 2026README.md · Checked Sep 18, 2026