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