Content
Plugin
infocard-skills
Open-source agent skills for generating editorial-style information cards from natural-language input. infocard-skills is a small repository of installable skill packages for agents.
Plugin Signal58/100Fair
maintained71
capable14
documented100
adopted57
Install
$ npx -y skills add shaom/infocard-skills --agent claude-code
Run the curl in your terminal, the rest in Claude Code.
What's inside
README
1infocard-skills
Open-source agent skills for generating editorial-style information cards from natural-language input.
infocard-skills is a small repository of installable skill packages for agents. The current package, editorial-card-screenshot, turns source material into screenshot-ready HTML cards and optional PNG outputs.
Install
Install the full skill package, not a single file:
Copy or install the entire directory into your agent's skills location. Keep these files together:
SKILL.mdassets/references/scripts/agents/when supported by the host
Verify
After installation, test with one of these prompts:
Use $editorial-card-screenshot to turn these notes into an editorial info card.Use $editorial-card-screenshot to make a 3:4 information card from this text.Use $editorial-card-screenshot and give me both the HTML and PNG.
Usage
Typical requests:
Turn this article into an editorial information card.Make a portrait 3:4 info card from these notes.Summarize this content as a dense magazine-style card.Create the HTML only. I do not need the image.
Layout Showcase
The same source content is reorganized for each target canvas instead of being mechanically resized. The skill supports 3:4, 4:3, 1:1, 16:9, 9:16, 2.35:1, 3:1, and 5:2.
Render Requirement
For PNG capture, the current helper expects local Google Chrome at:
/Applications/Google Chrome.app/Contents/MacOS/Google Chrome
Repository
skills/
editorial-card-screenshot/
docs/
examples/
Docs
docs/agent-usage.mddocs/editorial-card-prompt.mddocs/content-fit.mddocs/project-overview.mddocs/github-metadata.md
License
File tree
25shaom/infocard-skillsView on GitHub
.gitignore
docs/
agent-usage.md
assets/
layout-showcase-4x3.png
project-header-3x1.html
project-header-3x1.png
content-fit.md
editorial-card-prompt.md
github-metadata.md
project-overview.md
examples/
agentic-engineering-patterns-layout-test.html
site-preview/
index.html
README.md
script.js
styles.css
LICENSE
README.md
README.zh-CN.md
skills/
editorial-card-screenshot/
agents/
openai.yaml
assets/
card-template.html
references/
content-fit.md
editorial-card-prompt.md
ratios.md
recommended-skeletons.md
scripts/
capture_card.sh
SKILL.mdFAQ
infocard-skills is a Claude Code plugin with 1 hand-picked skill for content work, indexed on Flowy. Install it with the command on its page. It includes editorial-card-screenshot. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is infocard-skills?
- Open-source agent skills for generating editorial-style information cards from natural-language input. infocard-skills is a small repository of installable skill packages for agents.
- How do I install infocard-skills?
- Run these in Claude Code: npx -y skills add shaom/infocard-skills --agent claude-code. Then prompt normally.
- Does infocard-skills auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is infocard-skills free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.