GitHub Social Preview
在仓库 Settings 中设置后,把链接分享到支持预览的网站时,封面可以随链接显示。
了解 Social Preview 是什么,以及如何设置RepoCover 会先读懂项目,再生成一张可编辑的 1280×640 封面,而不是套用模板。
同一张封面可以用于 GitHub、README,以及分享和宣传项目的地方。
在仓库 Settings 中设置后,把链接分享到支持预览的网站时,封面可以随链接显示。
了解 Social Preview 是什么,以及如何设置把封面放在 README 开头,让访客在阅读详细内容前,先快速了解这个项目。
发布项目、分享新版本、发社交媒体动态,或在作品集中介绍项目时,都可以使用。
再好的仓库,如果不能让人一眼看懂,也很容易被略过。
很多程序员更擅长把东西做出来,却不擅长包装自己的作品。我也是这样。
当 AI 让创造变得更快,一个清楚的第一印象,或许能让人愿意停下来多看一眼。
于是,就有了 RepoCover。我花了一天时间做的,看上去还不赖,我自己先用了。
RepoCover 会判断界面、核心视觉和现有图片是否适合做封面,再决定保留、重构或重新设计。
保留有辨识度的真实交互,围绕重点裁切,并清理浏览器边框、调试信息与残缺画面。
保留原有角色、空间感和配色,再重新安排周围的文字与版式,让封面更清楚。
根据项目做什么、怎么工作来建立画面,不凭空添加功能。
查看 README、关键代码、项目规则、截图,以及仓库里已有的视觉素材。
确认现有内容是否足以做出一张靠谱的封面,该用什么、缺什么,以及哪些内容不该放进去。
保留项目有辨识度的部分,删掉杂乱内容,并围绕一个重点重新安排画面。
最终的 SVG 和 PNG 会同时检查原尺寸与 320×160 缩略图,并放在浅色、深色背景上确认效果。
打开你的 AI Agent 工具(首选 Codex),把下面两句话依次发给它。
RepoCover 默认输出可编辑的 SVG 和精确的 1280×640 PNG。除非你另外要求,否则它不会修改 README、上传图片或更改仓库设置。
可以。RepoCover 会根据仓库现有内容确定画面方向,但不会虚构界面,也不会声称项目具备无法确认的功能。
可以。能访问的本地预览或已有前端通常效果最好,因为可以检查真实界面,再有选择地重组。
不会。每张图都遵循相同的 GitHub 输出规格,但主体、配色、空间感和版式来自当前项目。
只有你另外要求时才会。生成文件和修改仓库设置,是两次不同的授权。