Skill - 3秒生成精美GitHub主页

GitHub README 不会设计?这个 Skill 帮你重新做一遍

很多开源项目功能不错,README 却像一份说明书:开头就是安装命令、目录结构和参数列表。访客看了半天,仍然不知道项目解决什么问题。

beautify-github-readme 是一个专门改造 GitHub README 的 Agent Skill。它会先阅读真实仓库,找出项目价值、使用效果和最快上手路径,再重新组织内容和视觉,而不是直接套一张通用模板。

这个 Skill 提供两种模式:

  • README mode:调整阅读顺序、文案层级、示例、Markdown 和完整视觉系统。
  • SVG-only mode:只制作 Hero、章节标题、流程图或徽章,不修改原有 README。

它的思路是让 Markdown 继续承载说明、命令和链接,把视觉部分交给 GitHub 兼容的 SVG。这样既能拥有更醒目的项目首页,也不会把整篇 README 变成无法搜索、复制和维护的长图片。

安装命令如下:

bash 复制代码
npx skills add oil-oil/beautify-github-readme

安装后,可以让 Codex、Claude Code 或其他支持 Skill 的 Agent 执行:

text 复制代码
使用 beautify-github-readme 重新设计这个仓库的 README。
根据项目内容确定视觉风格,先给我本地预览,不要提交或发布。

如果只想加一个头图,可以明确限定范围:

text 复制代码
只创建一个 SVG Hero,保持 README 文字和结构不变。

这个 Skill 比较值得肯定的一点,是它要求所有卖点、数据和示例都来自真实项目,并且修改前先确认模式,完成后先展示预览和差异,不会擅自提交、推送或发布。

如果你的项目功能已经写完,却总觉得 README 留不住人,可以用它整理一次项目首页。

项目地址:github.com/oil-oil/bea...

相关推荐
福兮说43 分钟前
canvas 旋转图片的六个坑:四角被裁、Math.ceil 多出 1px 黑边、JPG 角发黑、翻转方向反了
前端·javascript·图像处理·canvas
熊猫钓鱼>_>1 小时前
Kotlin Multiplatform for OpenHarmony 实战:为 KMPNotifier 实现 OpenHarmony 本地通知引擎
kotlin·ai编程·harmonyos·鸿蒙·openharmony·适配·kmp
传人once2 小时前
多图片上传预览功能如何写
前端·css·html·jquery·html5
Eric.463 小时前
Wan‑Animate+MiniMax-H3 本地部署 AI 漫剧流水线:8G 显存动作迁移与动态分镜工程实战
前端·人工智能·comfyui·ai漫剧
Web3_Basketball4 小时前
用 cost-per-success 做模型选型评测
ai编程
feiyu_gao4 小时前
Mindcraft:从个人实践到可复用模式集
架构·aigc·ai编程
库拉镜像AI牛牛4 小时前
短剧内容自动化生产:知漫剧工作室落地教程
大数据·服务器·前端·人工智能·语音识别
一千柯橘4 小时前
ReAct Agent 思维范式
程序员·ai编程
abigalexy4 小时前
Claude Code从零搭建新项目全流程AI实现-宠物生命周期管理App
架构·aigc·ai编程
律宏阔4 小时前
Flutter 列表图片内存优化:CachedNetworkImage 与 ClipRRect 的取舍
前端·flutter