SI

shaom/infocard-skills

Developer tools
495 stars 품질 72 트렌드 72

Open-source agent skills for generating editorial-style information cards from natural-language input.

개요

Open-source agent skills for generating editorial-style information cards from natural-language input.

README

中文

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. 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.md
  • assets/
  • 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

License

MIT

View this README on GitHub

추천 도구

다른 키워드를 입력하거나 필터를 제거해 보세요.

설치

npx skillfish add shaom/infocard-skills