ljg-card

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

ljg-card: 鑄

ljg-card: 鑄 (Cast)

將內容鑄成可見的形態。內容進去，PNG 出來。模具決定形狀。

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

引數

Arguments

引數	模具	尺寸	說明
`-l` （預設）	長圖	1080 x auto	單張閱讀卡，內容自動撐高
`-i`	資訊圖	1080 x auto	內容驅動的自適應視覺佈局
`-m`	多卡	1080 x 1440	自動切分為多張閱讀卡片
`-v`	視覺筆記	1080 x auto	手繪風格 sketchnote，動態選擇風格路線
`-c`	漫畫	1080 x auto	日式黑白漫畫風格，動態選擇漫畫家視覺語言
`-w`	白板	1080 x auto	白板馬克筆風格，結構化框圖+箭頭+彩色標記

Argument	Template	Dimension	Description
`-l` (default)	Long image	1080 x auto	Single page reading card, height automatically adjusted to fit content
`-i`	Infographic	1080 x auto	Content-driven adaptive visual layout
`-m`	Multi-card	1080 x 1440	Automatically split into multiple reading cards
`-v`	Visual note	1080 x auto	Hand-drawn style sketchnote, dynamic style route selection
`-c`	Comic	1080 x auto	Japanese black and white manga style, dynamic selection of manga artist visual language
`-w`	Whiteboard	1080 x auto	Whiteboard marker style, structured block diagrams + arrows + color markers

約束

Constraints

本 skill 輸出為視覺檔案（PNG），不適用 L0 中的 Org-mode、Denote 和 ASCII-only 規範。

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 --> WebFetch 獲取
貼上文字 --> 直接使用
檔案路徑 --> Read 獲取

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

檔案命名

File Naming

從內容提取標題或核心思想作為

{name}

（中文直接用，去標點，≤ 20 字元）。

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]

依賴：

~/.claude/skills/ljg-card/node_modules/

中的 playwright。如報錯：

bash

cd ~/.claude/skills/ljg-card && npm install playwright && npx playwright install chromium

bash

node ~/.claude/skills/ljg-card/assets/capture.js <html> <png> <width> <height> [fullpage]

Dependencies:

playwright

~/.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

左側：logo + 李繼剛（已硬編碼在模板中）
右側：內容來源（可選）——有明確來源時顯示（如作者名、arxiv ID、網站名等），無來源時留空。使用
```
{{SOURCE_LINE}}
```
變數：有來源時填
```
<span class="info-source">來源文字</span>
```
，否則空字串。適用於
```
-l
```
、
```
-i
```
、
```
-v
```
、
```
-c
```
、
```
-w
```
模具（
```
-m
```
多卡無 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

報告檔案路徑

Report the file path

品味準則

Taste Guidelines

所有模具共享。執行任何模具前，先 Read

references/taste.md

，作為視覺質量底線貫穿全流程。

核心：反 AI 生成痕跡——禁 Inter 字型、禁純黑、禁三等分卡片、禁居中 Hero、禁 AI 文案腔、禁假資料。

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

根據引數選擇模具，Read

references/taste.md

+ 對應的 mode 檔案，按步驟執行：

Select template according to the input argument, read

references/taste.md

and the corresponding mode file, execute step by step:

-l（預設）：長圖

-l (default): Long image

Read

references/mode-long.md

，按其步驟執行。

模板：

assets/long_template.html

Read

references/mode-long.md

and follow its steps.

Template:

assets/long_template.html

-i：資訊圖

-i: Infographic

Read

references/mode-infograph.md

，按其步驟執行。

模板：

assets/infograph_template.html

Read

references/mode-infograph.md

and follow its steps.

Template:

assets/infograph_template.html

-m：多卡

-m: Multi-card

Read

references/mode-poster.md

，按其步驟執行。

模板：

assets/poster_template.html

Read

references/mode-poster.md

and follow its steps.

Template:

assets/poster_template.html

-v：視覺筆記

-v: Visual note

Read

references/mode-sketchnote.md

，按其步驟執行。

模板：

assets/sketchnote_template.html

Read

references/mode-sketchnote.md

and follow its steps.

Template:

assets/sketchnote_template.html

-c：漫畫

-c: Comic

Read

references/mode-comic.md

，按其步驟執行。

模板：

assets/comic_template.html

Read

references/mode-comic.md

and follow its steps.

Template:

assets/comic_template.html

-w：白板

-w: Whiteboard

Read

references/mode-whiteboard.md

，按其步驟執行。

模板：

assets/whiteboard_template.html

Read

references/mode-whiteboard.md

and follow its steps.

Template:

assets/whiteboard_template.html