Skip to content
appsgit

Beautify GitHub Readme

Beautify GitHub Readme is an agent skill (a SKILL.md file) from oil-oil/beautify-github-readme. Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets. It works with Claude Code and Codex and has 1,910 GitHub stars.

github.com/oil-oil/beautify-github-readme/skills/beautify-github-readme (opens in a new tab)

Data as of from the GitHub API; description from the skill's SKILL.md. Report an error

View on GitHub (opens in a new tab)

Add this skill

Claude

Claude Code loads skills from ~/.claude/skills/ (all projects) or .claude/skills/ (one project):

git clone --depth 1 https://github.com/oil-oil/beautify-github-readme.git
cp -r beautify-github-readme/skills/beautify-github-readme ~/.claude/skills/beautify-github-readme   # personal, or .claude/skills in a project

In the Claude apps, zip the beautify-github-readme folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

ChatGPT / Codex

Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:

git clone --depth 1 https://github.com/oil-oil/beautify-github-readme.git
cp -r beautify-github-readme/skills/beautify-github-readme .agents/skills/beautify-github-readme   # repo; ~/.agents/skills for all projects

Standalone skills also load in the ChatGPT desktop app.

Cursor

Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:

git clone --depth 1 https://github.com/oil-oil/beautify-github-readme.git
cp -r beautify-github-readme/skills/beautify-github-readme .cursor/skills/beautify-github-readme   # project; ~/.cursor/skills for all projects

Source (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)

What this skill does

Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets. Use when a user asks to beautify, redesign, rebrand, visually upgrade, simplify, or audit a GitHub README; create only a hero, section headers, diagrams, badges, motion graphics, showcase modules, or other README assets; or turn a repository homepage into a cohesive visual story. If whole-README work versus asset-only work is unclear, ask which scope the user wants.

When it triggers

  • Use when a user asks to beautify, redesign, rebrand, visually upgrade, simplify, or audit a GitHub README; create only a hero, section headers, diagrams, badges, motion graphics, showcase modules, or other README assets; or turn a repositor

Similar skills

More docs & writing skills

All Docs & writing

FAQ

Beautify GitHub Readme FAQ

Still curious? Email info@appsgit.com.

How do I install the Beautify GitHub Readme skill?

Copy the beautify-github-readme folder (the one containing SKILL.md) into ~/.claude/skills/ for Claude Code, .agents/skills/ for Codex or .cursor/skills/ for Cursor. The agent picks it up automatically when a task matches its description.

Is the Beautify GitHub Readme skill free?

Yes. The repository is open source under the MIT license.

Is Beautify GitHub Readme maintained?

The repository's most recent commit was on Oct 4, 2026. appsgit only lists skills from repositories with a commit in the last six months.