Risograph Covers 是一个用于制作 LinkedIn 封面或演示配图的视觉技能,属于 Claude Skills 生态。它输出一份可编辑的 HTML 封面和一张经过检查的 PNG,并依靠随附字体与印刷纹理维持既定的孔版印刷风格。静态渲染器负责合成已有素材;可选的本地生成服务器则把编辑器接入 OpenAI 或 Gemini 图像 API。需要全新插画时,应先使用可用的图像生成工具,再把结果放入本框架。
视觉方向
配色为暖纸色 #f3f0e8、黑色 #090909、红色 #d01920。标题用大号 Manrope;强调文字用 EB Garamond Italic,常为红色。标题后不加句号。图形为带纹理的圆形、方形、三角形,辅以细而低调的图形边线。留白充裕,文字精简;默认不加眉题,也不加装饰性文档插图。图形可部分位于标题之后,但需检查文字可读性。旋转只作用于图形,绝不影响页脚 logo。尺寸支持方形 1200×1200、横向 1600×900、纵向 1200×1500、故事 1080×1920。页脚右对齐,包含姓名、中点符、LinkedIn 图标与个人主页路径,也可设为不显示。不透明度与透明度互为倒数:80% 透明度即 0.2 不透明度;“再多可见 20%”是把不透明度乘以 1.2,而不是加 20 个百分点。用户有明确纠正时以其为准。
创建或修改
先阅读 references/config.md 获取可编辑输入。把 assets/example.json 复制到输出目录,改写文案与构图,然后运行:
python3 scripts/build.py /absolute/path/cover.json /absolute/path/output node scripts/render.cjs /absolute/path/output
生成的 index.html 即可视化编辑器。通过本地服务器提供输出目录,例如 python3 scripts/serve.py OUTPUT --port 8899,再在浏览器打开该 URL。直接使用文件 URL 虽能显示编辑器,但会因浏览器来源限制而无法导出画布 PNG。自动渲染器会自行启动一个临时回环服务器,结束后关闭。
编辑器用法:点击文字或图形可直接拖动;双击文字可就地编辑;拖动所选文字角柄可调整字号。Add text 会新增一个独立条目。文字条目按顺序编号,各自拥有字体下拉、字重、字号、斜体与颜色控件。可选择尺寸格式,调整图层旋转与缩放、背景或页脚可见性。等宽字体选项使用用户提供的 Paper Mono,页脚也用它。每个尺寸格式保存独立布局,包括文字、字体、变换、页脚与 PNG 区块。新格式从原始预设开始,而非复制其他格式的修改。切回某格式会恢复它自己的成果。Save design 包含所有格式布局,下载为可编辑 JSON;Open design 可恢复该 JSON;Download PNG 按完整画布尺寸导出。编辑会自动保存到本地浏览器草稿,刷新后恢复;保存草稿失败会给出提示。编辑不会覆盖源 JSON 或原始图片。用户编辑时请保持浏览器打开。模板选择器提供六种图形与雕塑式构图,各有独立的尺寸默认值。应用模板会保留文字,只修改当前尺寸格式,并支持撤销。图形设置可本地重新生成装饰性图形、添加随附 PNG 区块,或嵌入上传的 PNG。所选区块支持移动、旋转、缩放与删除。上传的 PNG 保留在本地浏览器草稿与保存的设计 JSON 中。重新生成会重排几何形状,它不是 AI 图像生成连接。不要把源自源数据的关联当作装饰性数据反复重生成。
脚本路径以本技能为基准解析。构建器会把字体与图形复制到输出目录,使 HTML 可移植。渲染器需要 Playwright 与 Chrome(或指定可执行文件)。它依次查找常规模块解析、PLAYWRIGHT_MODULE、npm root -g,不会自动安装软件。报告完成前应通过图片查看器检查 PNG,关注文字裁切、重叠难读、图标意外旋转、图形或字体缺失、页脚可见性等问题。修改时保留此前已认可的版本。
处理真实 vault 图谱时:先检查所选讲座或来源范围,挑选有意义的概念,解析真实链接,排除通用图谱、来源、人物、框架,除非用户要求。相关但孤立的概念应包含在内,而不是虚构边。源路径与选择细节保存在单独的本地证据文件中。不要仅凭文件夹归属就把用户的想法归到嘉宾名下。装饰性图形必须说明是插图,而非真实 vault 数据。
交付时提供 PNG 的绝对文件链接与内嵌预览。未经授权不得发布图片或技能。随附素材的来源见 references/assets.md;公开再分发字体或纹理前需核查许可。
API 图像生成
运行 scripts/serve.py 可启用 Generate image。它只绑定回环地址,密钥保留在进程内存中。可在服务器环境中使用 OPENAI_API_KEY 或 GEMINI_API_KEY/GOOGLE_API_KEY,也可在 Generation settings 中输入仅本次会话有效的密钥。绝不能把密钥写进设计 JSON、浏览器存储、报告或提示词。只有点击 Generate image 才会发送提示并计入所选提供商的账单。风格复选框会附加既定的孔版印刷方向。结果会立即作为可移动、可缩放的区块插入发起请求的原始尺寸格式,当前工具保持打开。撤销可撤回插入。可在参考图库选择先前生成的图像,随下一次请求一并发送。当前排版仍可编辑。带参考图的生成使用 OpenAI 图像编辑或 Gemini 内联图像输入,不会自动发送整个画布。
OpenAI 使用最接近所选比例的标准方形、横向、纵向尺寸;Gemini 使用请求的比例。提供商错误与无输出会显示出来,但不改动设计。模型可用性与计费取决于用户的提供商账户。测试可模拟响应;没有真实结果时,不得声称实际付费生成成功。