RepoCover
AI 编程 Skill · GitHub Social Preview

为你的代码仓库,生成一张有辨识度的封面。

RepoCover 会先读懂项目,再生成一张可编辑的 1280×640 封面,而不是套用模板。

输出 / social-preview.png1280 × 640
RepoCover 的 Social Preview,展示项目内容、封面设计与最终检查
1280 × 640GitHub Social Preview 最佳显示规格
SVG + PNG可编辑源文件与最终图片
小于 1 MB符合 GitHub Social Preview 文件大小要求
封面用途

让代码仓库在展示和分享时,更容易被看见、被记住。

同一张封面可以用于 GitHub、README,以及分享和宣传项目的地方。

仓库主页

README

把封面放在 README 开头,让访客在阅读详细内容前,先快速了解这个项目。

发布与分享

社媒与宣传

发布项目、分享新版本、发社交媒体动态,或在作品集中介绍项目时,都可以使用。

再好的仓库,如果不能让人一眼看懂,也很容易被略过。

关于

很多程序员更擅长把东西做出来,却不擅长包装自己的作品。我也是这样。

当 AI 让创造变得更快,一个清楚的第一印象,或许能让人愿意停下来多看一眼。

于是,就有了 RepoCover。我花了一天时间做的,看上去还不赖,我自己先用了。

视觉方案

根据项目现有内容,选择合适的视觉方案。

RepoCover 会判断界面、核心视觉和现有图片是否适合做封面,再决定保留、重构或重新设计。

三种情况 RepoCover 会根据项目现有内容,选择合适的一种。
A

如果项目已经有可运行的产品界面

保留有辨识度的真实交互,围绕重点裁切,并清理浏览器边框、调试信息与残缺画面。

B

如果项目已经有品牌或核心视觉

保留原有角色、空间感和配色,再重新安排周围的文字与版式,让封面更清楚。

C

如果项目没有适合的图片

根据项目做什么、怎么工作来建立画面,不凭空添加功能。

工作方式

先读,再画。

01

读懂项目

查看 README、关键代码、项目规则、截图,以及仓库里已有的视觉素材。

02

判断能不能做

确认现有内容是否足以做出一张靠谱的封面,该用什么、缺什么,以及哪些内容不该放进去。

03

重新构图

保留项目有辨识度的部分,删掉杂乱内容,并围绕一个重点重新安排画面。

04

检查结果

最终的 SVG 和 PNG 会同时检查原尺寸与 320×160 缩略图,并放在浅色、深色背景上确认效果。

快速开始

一键安装,开箱即用。

打开你的 AI Agent 工具(首选 Codex),把下面两句话依次发给它。

第 1 条 · 安装
安装 https://github.com/onovich/RepoCover 的 Skill。
第 2 条 · 使用
使用 $repo-cover 为当前项目生成封面。

RepoCover 默认输出可编辑的 SVG 和精确的 1280×640 PNG。除非你另外要求,否则它不会修改 README、上传图片或更改仓库设置。

常见问题

你可能还想知道。

没有截图也能生成吗?

可以。RepoCover 会根据仓库现有内容确定画面方向,但不会虚构界面,也不会声称项目具备无法确认的功能。

能利用已有 Web 项目吗?

可以。能访问的本地预览或已有前端通常效果最好,因为可以检查真实界面,再有选择地重组。

每张封面会不会都很像?

不会。每张图都遵循相同的 GitHub 输出规格,但主体、配色、空间感和版式来自当前项目。

会自动上传到 GitHub 吗?

只有你另外要求时才会。生成文件和修改仓库设置,是两次不同的授权。