ljg-card

Original：🇨🇳 Chinese
Translated
1 scriptsChecked / no sensitive code detected

Content caster (鑄). Converts content into PNG visuals. There are six available templates: -l (default) long reading card, -i infographic, -m multi-card reading cards (1080x1440), -v visual sketchnote, -c comic (black and white manga style), -w whiteboard (marker-style board layout). Output files are saved to ~/Downloads/. This skill is triggered when the user mentions terms such as '鑄', 'cast', '做成圖', '做成卡片', '做成資訊圖', '做成海報', '視覺筆記', 'sketchnote', '漫畫', 'comic', 'manga', '白板', 'whiteboard'. It replaces the former ljg-cards and ljg-infograph skills.

6installs
Sourceyelban/ljg-skills.tw
Added on

NPX Install

npx skill4agent add yelban/ljg-skills.tw ljg-card

Tags

Translated version includes tags in frontmatter
content-conversioncli-toolpng-generatorvisual-content-creationautomation

SKILL.md Content (Chinese)

View Translation Comparison →

ljg-card: 鑄 (Cast)

Casts content into visible forms. Input content, output PNG. The selected template determines the output format.

Arguments

ArgumentTemplateDimensionDescription
-l
(default)		Long image1080 x autoSingle page reading card, height automatically adjusted to fit content
-i
Infographic1080 x autoContent-driven adaptive visual layout
-m
Multi-card1080 x 1440Automatically split into multiple reading cards
-v
Visual note1080 x autoHand-drawn style sketchnote, dynamic style route selection
-c
Comic1080 x autoJapanese black and white manga style, dynamic selection of manga artist visual language
-w
Whiteboard1080 x autoWhiteboard marker style, structured block diagrams + arrows + color markers

Constraints

This skill outputs visual files (PNG), and does not comply with the Org-mode, Denote and ASCII-only specifications in L0.

Shared Foundations

Content Retrieval

  • URL --> fetched via WebFetch
  • Pasted text --> used directly
  • File path --> fetched via Read tool

File Naming

Extract the title or core idea from the content as 
{name}
(Chinese text can be used directly, remove punctuation, ≤ 20 characters).

Screenshot Tool

bash
node ~/.claude/skills/ljg-card/assets/capture.js <html> <png> <width> <height> [fullpage]
Dependencies: 
playwright
in 
~/.claude/skills/ljg-card/node_modules/
. If you encounter an error, run:
bash
cd ~/.claude/skills/ljg-card && npm install playwright && npx playwright install chromium

Footer

  • Left side: logo + Li Jigang (hardcoded in the template)
  • Right side: Content source (optional) -- displayed when there is a clear source (such as author name, arxiv ID, website name, etc.), leave blank if no source exists. Use the 
    {{SOURCE_LINE}}
    variable: fill with 
    <span class="info-source">source text</span>
    when source is available, otherwise use empty string. Applies to 
    -l
    , 
    -i
    , 
    -v
    , 
    -c
    , 
    -w
    templates (the 
    -m
    multi-card template has no footer, so this rule does not apply).

Delivery

  1. Report the file path

Taste Guidelines

Shared by all templates. Before running any template, read 
references/taste.md
first, and take it as the visual quality baseline throughout the entire process.
Core: Avoid AI generation traces -- prohibit Inter font, pure black color, three-equal-part cards, centered Hero sections, AI-style copywriting, fake data.

Execution

Select template according to the input argument, read 
references/taste.md
and the corresponding mode file, execute step by step:

-l (default): Long image

Read 
references/mode-long.md
and follow its steps.
Template: 
assets/long_template.html

-i: Infographic

Read 
references/mode-infograph.md
and follow its steps.
Template: 
assets/infograph_template.html

-m: Multi-card

Read 
references/mode-poster.md
and follow its steps.
Template: 
assets/poster_template.html

-v: Visual note

Read 
references/mode-sketchnote.md
and follow its steps.
Template: 
assets/sketchnote_template.html

-c: Comic

Read 
references/mode-comic.md
and follow its steps.
Template: 
assets/comic_template.html

-w: Whiteboard

Read 
references/mode-whiteboard.md
and follow its steps.
Template: 
assets/whiteboard_template.html