Skip to content
Get packs

ljg-card content caster

Turns text into a styled PNG card, long reading image, full-text layout, comic or whiteboard

Source Download skill
Repository
lijigang/ljg-skills
Stars
7,607
Licence
MIT
Files
15 files

What it does

Once installed, the agent can take an article, notes, or pasted text and render it as a PNG image using HTML typography, with four layouts: a long reading card (default), a source-faithful full-text card that keeps the original wording unchanged, a comic-strip layout, and a whiteboard-style argument diagram. Some layouts can also request AI-generated illustrations from the environment's image tool.

Great for

  • Writers or teachers who want a shareable image version of an article or explanation
  • People who want an unchanged full-text rendering of a document as a long image
  • Creators making explainer comics or whiteboard-style visuals from text

Skip it if

  • Tasks needing a plain text summary or a document file, since the output is a PNG image
  • Users who cannot install Bun and a Chromium browser, since the screenshot step depends on them
  • Sensitive or confidential source text sent through a workflow that fetches web pages or fonts, since the skill can read URLs and may process content through an image generation tool

Try asking

  • “把这篇论文做成卡片 -l”
  • “这篇文稿用 -f 铸成全文卡片，原文不要动”
  • “把这篇技术解释做成漫画 -c”
  • “把这篇文章做成白板 -w”
Step-by-step guide: how to use ljg-card content casterInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 15 original files, the MIT licence and an attribution note.

    ljg-card.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip ljg-card.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip ljg-card.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Specify a mode flag such as -f for exact source text, since the default -l rewrites content into a structured explanation.
  • Provide the source as pasted text or a local file to keep the source boundary clear.
  • Check the generated PNG at full height, because the skill's own checks are for layout and text fidelity, not for whether readers understand the content.

What's inside

  • assets/audit.ts
  • assets/build-fixtures.ts
  • assets/capture.test.ts
  • assets/capture.ts
  • assets/comic_template.html
  • assets/full_template.html
  • assets/long_template.html
  • assets/prepare-whiteboard-source.test.ts
  • assets/prepare-whiteboard-source.ts
  • assets/verify-full-text.test.ts
  • assets/verify-full-text.ts
  • assets/whiteboard_template.html
  • package-lock.json
  • package.json
  • SKILL.md

Redistributed unmodified from lijigang/ljg-skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.