用途:把用户提供的文本、URL 或信息转成杂志风格 HTML 信息卡,截图后输出 PNG,便于社交平台分享。触发词包括“生成信息卡”“做张信息卡”“把这段内容做成卡片”“信息卡片”“make info card”等。
主要能力:按内容密度选择布局(低密度大字符主义、中密度标准单栏、高密度多栏网格);生成 HTML 并截图;图片高度超过 1200px 时自动分割;按日期-来源-主题归档到指定目录。
使用方式:先分析内容密度,再读取 references/design-spec.md 生成 HTML,默认宽度 600px,可指定 480/600/900。截图优先用 Chrome DevTools MCP,按宽度选择 devicePixelRatio(480px 用 3x、600px 用 2x、900px 用 2x),依次执行 navigate_page、emulate、resize_page、take_screenshot(fullPage=true)。超长分割命令:python3 ~/.claude/skills/info-card-designer/scripts/split_card.py [图片路径] 1200。保存路径为 ~/乔木新知识库/60-69 素材/65 附件库/info-cards/[YYYYMMDD]-[来源]-[主题关键词]/。
限制:卡片内容必须 100% 来自用户原文,禁止编造或使用占位符;Hook 改写只改表达不改事实,用户说“保持原文”时关闭。字体、配色与字号规范见 design-spec.md。其他细节暂未提供。