L

ljg-card

by @lijigangv
4.4(25)

内容铸卡工具,将任意文本内容转化为精美 PNG 视觉卡片,支持长图、信息图、多卡、视觉笔记、漫画、白板 6 种模式,内置多种设计风格,适合小红书和推特分享。

cardvisualcontent-creationimagedesignGitHub
安装方式
npx skills add lijigang/ljg-skills -g --skill ljg-card
compare_arrows

Before / After 效果对比

1
使用前

手动处理此类任务耗时且质量不稳定,依赖个人经验和工具熟练度。

使用后

通过 ljg-card Skill 一键完成,AI 自动分析并生成高质量结果,大幅提升效率。

SKILL.md

ljg-card: 铸

将内容铸成可见的形态。内容进去,PNG 出来。模具决定形状。

参数

参数模具尺寸说明
-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白板马克笔风格,结构化框图+箭头+彩色标记

约束

本 skill 输出为视觉文件(PNG),不适用 L0 中的 Org-mode、Denote 和 ASCII-only 规范。

共享基础

获取内容

  • URL --> WebFetch 获取
  • 粘贴文本 --> 直接使用
  • 文件路径 --> Read 获取

文件命名

从内容提取标题或核心思想作为 {name}(中文直接用,去标点,≤ 20 字符)。

截图工具

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

依赖:~/.claude/skills/ljg-card/node_modules/ 中的 playwright。如报错:

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,不适用)。

交付

  1. 报告文件路径

品味准则

所有模具共享。执行任何模具前,先 Read references/taste.md,作为视觉质量底线贯穿全流程。

核心:反 AI 生成痕迹——禁 Inter 字体、禁纯黑、禁三等分卡片、禁居中 Hero、禁 AI 文案腔、禁假数据。

执行

根据参数选择模具,Read references/taste.md + 对应的 mode 文件,按步骤执行:

-l(默认):长图

Read references/mode-long.md,按其步骤执行。

模板:assets/long_template.html

-i:信息图

Read references/mode-infograph.md,按其步骤执行。

模板:assets/infograph_template.html

-m:多卡

Read references/mode-poster.md,按其步骤执行。

模板:assets/poster_template.html

-v:视觉笔记

Read references/mode-sketchnote.md,按其步骤执行。

模板:assets/sketchnote_template.html

-c:漫画

Read references/mode-comic.md,按其步骤执行。

模板:assets/comic_template.html

-w:白板

Read references/mode-whiteboard.md,按其步骤执行。

模板:assets/whiteboard_template.html

用户评价 (0)

发表评价

效果
易用性
文档
兼容性

暂无评价

统计数据

安装量3.1K
评分4.4 / 5.0
版本
更新日期2026年5月22日
对比案例1 组

用户评分

4.4(25)
5
76%
4
20%
3
4%
2
0%
1
0%

为此 Skill 评分

0.0

兼容平台

🔧Claude Code

时间线

创建2026年4月8日
最后更新2026年5月22日