oil-oil/beautify-github-readme

README design skill for Claude Code & Codex. 帮你把 GitHub README 做得好看又好懂。

What it solves

Many GitHub repositories have all the necessary information but present it in a poor order, often leading visitors to see technical details like installation commands before they understand the project's value. This project provides a system to redesign READMEs so that project value, real-world proof, and usage paths are immediately clear.

How it works

The tool operates as an AI Agent skill that analyzes a repository to identify its core value and proof. It separates the visual and content layers to maintain searchability and maintainability:

  • Content Layer: Refines the reading order, removes repetition, and replaces internal jargon with concrete outcomes.
  • Visual Layer: Uses SVG for editable heroes, section transitions, and diagrams. It can create hybrid compositions combining deterministic SVG layouts with AI-generated, background-removed images for organic textures or characters.
  • Engineering Layer: Ensures assets are GitHub-safe, images are accessible, and commands remain copyable.

Who it’s for

Developers and open-source maintainers who want to make their project's value proposition clear and professional without turning their README into a long, unsearchable image.

Highlights

  • Two Operational Modes: Offers "Whole README" mode for full redesigns of copy and visuals, and "Asset-only" mode for creating specific visual elements like heroes or badges.
  • Hybrid Visuals: Combines SVG precision with AI-generated raster material for cinematic lighting and complex materials.
  • Hiearchy-First Approach: Prioritizes project value and proof over internal terminology and installation steps.
  • Project-Native Design: Derives typography, color, and composition from the project itself rather than using a generic template.

Related

  • Project
  • Project
  • Project
  • Project
  • Project