ljg-card

lijigang/ljg-skills · updated Apr 8, 2026

$npx skills add https://github.com/lijigang/ljg-skills --skill ljg-card
0 commentsdiscussion
summary

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

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

Discussion

Product Hunt–style comments (not star reviews)
  • No comments yet — start the thread.
general reviews

Ratings

4.665 reviews
  • Ira Ramirez· Dec 24, 2024

    ljg-card has been reliable in day-to-day use. Documentation quality is above average for community skills.

  • Min Lopez· Dec 12, 2024

    Keeps context tight: ljg-card is the kind of skill you can hand to a new teammate without a long onboarding doc.

  • Aanya Srinivasan· Dec 8, 2024

    ljg-card reduced setup friction for our internal harness; good balance of opinion and flexibility.

  • Xiao Gupta· Dec 8, 2024

    Useful defaults in ljg-card — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.

  • Aarav Taylor· Nov 27, 2024

    Registry listing for ljg-card matched our evaluation — installs cleanly and behaves as described in the markdown.

  • Sofia Garcia· Nov 27, 2024

    ljg-card is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.

  • Sakshi Patil· Nov 15, 2024

    Solid pick for teams standardizing on skills: ljg-card is focused, and the summary matches what you get after install.

  • Zaid Jain· Nov 15, 2024

    Keeps context tight: ljg-card is the kind of skill you can hand to a new teammate without a long onboarding doc.

  • Jin Srinivasan· Nov 3, 2024

    ljg-card has been reliable in day-to-day use. Documentation quality is above average for community skills.

  • Jin Iyer· Oct 22, 2024

    ljg-card fits our agent workflows well — practical, well scoped, and easy to wire into existing repos.

showing 1-10 of 65

1 / 7