Readme Generator
Description
Generate professional README.md with 16:9 infographics, SEO-optimized metadata, and structured author sections — powered by Playwright and AI agent skills
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
GitHub README Generator
**把项目 README 做成一份可以展示的作品。**
[](./LICENSE) [](https://nodejs.org) [](#快速开始)
这是什么
GitHub README Generator 是一个 Agent Skill,用来把普通项目 README 升级成作品集级项目首页。
它不会只替你填模板,而是先阅读项目,提炼背景、价值和使用路径,再生成克制的文案、作品级视觉资产和 GitHub 元信息建议。
为什么需要它
GitHub 项目就是开发者的作品集。README 是读者、招聘者、用户和 AI 搜索首先看到的页面。
很多项目明明有价值,却被冗长说明、小字截图、过度装饰和模板化功能列表削弱了第一印象。这个 Skill 的目标是反过来做:少说废话,放大重点,让项目自己的故事站出来。
你会得到什么
工作方式
它先阅读项目,判断 README 应该是偏作品展示还是偏清晰文档;再提炼项目故事,生成正文、两张以内的视觉资产和 GitHub 元信息建议。
快速开始
安装后,在 Codex 中打开你的项目目录,然后直接说:
帮我把这个项目的 README 做成作品集级项目首页
也可以指定视觉方式:
用 Codex Image Gen 生成 README 封面,其余保持清晰信息图
生成一个极简文档型 README,不要重视觉
安装
npx skills add https://github.com/geekjourneyx/readme-generator
如果需要使用 HTML 模板截图生成图片,请确认本地有 Node.js 和 Playwright:
node -v
npm install
npx playwright install chromium
视觉模式
| 模式 | 适合项目 | 图片策略 |
|---|---|---|
portfolio |
默认推荐,多数开源项目 | 封面可用 Codex Image Gen,说明图用大字海报 |
clean-doc |
SDK、库、后端工具 | 少图,优先快速开始和示例 |
visual-story |
AI 工具、设计工具、独立产品 | 更强视觉叙事和封面表现 |
structured |
需要流程、能力、对比图 | HTML/CSS 模板截图,保证文字准确 |
生成内容
project/
├── README.md
├── LICENSE
└── assets/
├── banner.webp
└── features.webp
图片可以来自两条路线:
- Codex Image Gen:适合封面、氛围图、作品集视觉。
- HTML 截图模板:适合功能、流程、对比等需要文字准确的图。
设计标准
这个 Skill 按 100 分 README 标准工作:
| 维度 | 分值 |
|---|---|
| 15 秒理解项目价值 | 25 |
| 讲清项目故事 | 20 |
| 视觉像作品而不是说明书 | 20 |
| 快速开始足够直接 | 15 |
| 有可信 |
Related Skills
Spec Kit
💫 Toolkit to help you get started with Spec-Driven Development
Testing Webapp Testing
Test local web applications using Playwright for UI verification and debugging
Testing #29
, [#52](https://github.com/affaan-m/everything-claude-code/issues/52), [#103](https://github.com/affaan-m/ever
Testing Fix Issue
by metabase - Addresses GitHub issues by taking issue number as parameter, analyzing context, implementing sol
Testing Pypict Test Design
Design comprehensive test cases using PICT (Pairwise Independent Combinatorial Testing) for optimized test sui
Testing gstack
| 15,000+ | Garry Tan's exact Claude Code setup: 6 opinionated tools that serve as CEO, Eng Manager, Release M
Testing