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

shaom/infocard-skills

“Create editorial information cards from text.”
Combined rank
#568
across all skills
In Design
#64
category rank
Stars
518
0.0% in last 7d
Forks
38
0.0% 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 Nov 5, 2026README.md ↗ · Checked Nov 5, 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 Nov 5, 2026README.md ↗ · Checked Nov 5, 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 Nov 5, 2026README.md ↗ · Checked Nov 5, 2026