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...

相关推荐
এ慕ོ冬℘゜33 分钟前
如何在 HTML 中嵌入音频和视频?
前端·html·音视频
变与不变8069 小时前
jQuery怎么使用
前端·javascript
神膘护体小月半9 小时前
flex 布局的 order 属性
前端·css
paopaokaka_luck9 小时前
流浪动物救助与收养系统(DeepSeek AI对话、 ECharts多维分析、救助流程衔接、领养与回访衔接、 捐赠确认与公示、志愿者协作)
java·前端·javascript·人工智能·mysql·echarts·推荐算法
仰望.9 小时前
vue 表格组件 vxe-table 树表格懒加载支持拖拽排序的详细用法
前端·javascript·vue.js·vxe-table
前端 贾公子9 小时前
vite-plugin-uni-manifest 升级指南
前端
小码哥_常10 小时前
iPhone 用户传了张 HEIC,我的前端崩了
前端
小码哥_常10 小时前
你发的原图可能暴露你家地址——聊聊图片 EXIF 隐私
前端
java1234_小锋10 小时前
【技术专题】CSS3 网页技术 - CSS3 优先级
前端·css·css3
一不小心扯到淡11 小时前
键盘演奏:我写了一个键盘音效引擎
程序员·github