# Editorial Card Screenshot (agent skill)

> Editorial Card Screenshot is an agent skill (a SKILL.md file) from shaom/infocard-skills. Generate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. It works with Claude Code and has 515 GitHub stars.

Generate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. Use when the user provides text or core information and wants: (1) a complete responsive HTML info card, (2) the design to follow the stored editorial prompt, (3) output in fixed visual ratios such as 3:4, 4:3, 1:1, 16:9, 9:16, 2.35:1, 3:1, or 5:2, or (4) both HTML and a rendered PNG cover/card from the same content.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/shaom/infocard-skills |
| Skill path | skills/editorial-card-screenshot/SKILL.md |
| Skill name | editorial-card-screenshot |
| GitHub stars | 515 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 1 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code |
| Category | Design & frontend |
| Last commit | Jun 13, 2026 |

## When it triggers

- Use when the user provides text or core information and wants: (1) a complete responsive HTML info card, (2) the design to follow the stored editorial prompt, (3) output in fixed visual ratios such as 3:4, 4:3, 1:1, 16:9, 9:16, 2.

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/shaom/infocard-skills.git
cp -r infocard-skills/skills/editorial-card-screenshot ~/.claude/skills/editorial-card-screenshot   # personal, or .claude/skills in a project
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/shaom/infocard-skills.git
cp -r infocard-skills/skills/editorial-card-screenshot .agents/skills/editorial-card-screenshot   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/shaom/infocard-skills.git
cp -r infocard-skills/skills/editorial-card-screenshot .cursor/skills/editorial-card-screenshot   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/shaom-editorial-card-screenshot
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.