ljg-card

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

ljg-card: 铸

ljg-card: Zhù

将内容铸成可见的形态。内容进去,PNG 出来。模具决定形状。
Cast content into visible formats. Input content, output PNG. The mold determines the format.

参数

Parameters

参数模具尺寸说明
-l
(默认)
长图1080 x auto单张阅读卡,内容自动撑高
-i
信息图1080 x auto内容驱动的自适应视觉布局
-m
多卡1080 x 1440自动切分为多张阅读卡片
-v
视觉笔记1080 x auto手绘风格 sketchnote,动态选择风格路线
-c
漫画1080 x auto日式黑白漫画风格,动态选择漫画家视觉语言
ParameterMoldDimensionsDescription
-l
(default)
Long Card1080 x autoSingle reading card, content automatically adjusts height
-i
Infograph1080 x autoContent-driven adaptive visual layout
-m
Multi-card1080 x 1440Automatically splits into multiple reading cards
-v
Visual Sketchnote1080 x autoHand-drawn style sketchnote, dynamically selects style routes
-c
Comic1080 x autoJapanese-style black & white comic, dynamically selects manga artist visual language

约束

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 --> Retrieve via WebFetch
  • Pasted text --> Use directly
  • File path --> Retrieve via Read

文件命名

File Naming

从内容提取标题或核心思想作为
{name}
(中文直接用,去标点,≤ 20 字符)。
Extract the title or core idea from the content as
{name}
(use Chinese 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]
Dependency: playwright in
~/.claude/skills/ljg-card/node_modules/
. If errors occur:
bash
cd ~/.claude/skills/ljg-card && npm install playwright && npx playwright install chromium

arxiv 检测

arxiv Detection

内容来源为 arxiv 论文时(URL 含
arxiv.org
、文件名含
paper
标签、或内容中出现 arxiv ID),提取 arxiv ID(格式
XXXX.XXXXX
),在卡片 footer 右侧显示。适用于
-l
-i
模具(
-m
多卡无 footer,不适用)。
When the content source is an arxiv paper (URL contains
arxiv.org
, filename includes the
paper
tag, or arxiv ID appears in the content), extract the arxiv ID (format
XXXX.XXXXX
) and display it on the right side of the card footer. Applicable to
-l
and
-i
molds (not applicable to
-m
multi-card as it has no footer).

交付

Delivery

  1. 报告文件路径
  1. Report the file path

品味准则

Taste Guidelines

所有模具共享。执行任何模具前,先 Read
references/taste.md
,作为视觉质量底线贯穿全流程。
核心:反 AI 生成痕迹——禁 Inter 字体、禁纯黑、禁三等分卡片、禁居中 Hero、禁 AI 文案腔、禁假数据。
Shared by all molds. Before executing any mold, read
references/taste.md
to maintain this baseline of visual quality throughout the process.
Core principle: Avoid AI-generated traces — prohibit Inter font, pure black, tri-sectioned cards, centered Hero sections, AI-style copy, and fake data.

执行

Execution

根据参数选择模具,Read
references/taste.md
+ 对应的 mode 文件,按步骤执行:
Select the mold based on parameters, read
references/taste.md
+ the corresponding mode file, and follow the steps to execute:

-l(默认):长图

-l (default): Long Card

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: Infograph

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 Sketchnote

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