Skip to content

Everything you can embed in a README

Badges, the star-history chart, repository and maintainer cards, a social preview, and repository-health charts. Every asset is a plain image URL served from gitdebt's own database — no account, no token.

Assets
21
Health charts
8
Formats
4
Parameters
10
github.com/

Every URL, preview and snippet below is pointed at facebook/react. A repository nobody has read yet renders a placeholder frame and queues the work, then fills in at the same URL.

open the facebook/react report

Metrics badge

Stars, forks and package downloads in one chip

Metrics
Stars
Forks
Downloads

Theme

Motion in the preview
Specimenfacebook/react
facebook/react stats badge

The specimen may move; a published snippet never does. Add animate=1 to the URL when you want the motion in a README.

HTML · facebook/react · auto
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/badge.svg?metrics=stars%2Cdownloads&animate=0&source=auto&theme=dark" />
    <img alt="facebook/react stats badge" src="https://api.gitdebt.com/api/repos/facebook/react/badge.svg?metrics=stars%2Cdownloads&animate=0&source=auto&theme=light" />
  </picture>
</a>

Charts, cards and previews

7 assets · facebook/react

Each figure lists the encodings its path answers: swap chart.svg for chart.gif and nothing else changes.

Metrics badge

svg · png · webp · light + dark

Stars and forks in one compact chip, served from gitdebt's cache. Goes in the badge row directly under the project title, alongside CI and license badges.

facebook/react stars and forks
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/badge.svg?metrics=stars,forks&theme=dark" />
    <img alt="facebook/react stars and forks" src="https://api.gitdebt.com/api/repos/facebook/react/badge.svg?metrics=stars,forks&theme=light" />
  </picture>
</a>

Earned signal badge

svg · png · webp · light + dark

One evidence-backed claim — actively maintained, community powered, star momentum, or contributor readiness. Goes in the badge row, but only for signals the repository has actually earned.

facebook/react actively maintained
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/badge.svg?signal=active&theme=dark" />
    <img alt="facebook/react actively maintained" src="https://api.gitdebt.com/api/repos/facebook/react/badge.svg?signal=active&theme=light" />
  </picture>
</a>

Star history

svg · png · webp · gif · light + dark

The full cumulative star curve, served from Postgres. Goes in a ## Star history section near the bottom of the README, above License.

facebook/react star history
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/chart.svg?theme=dark" />
    <img alt="facebook/react star history" src="https://api.gitdebt.com/api/repos/facebook/react/chart.svg?theme=light" />
  </picture>
</a>

Star history with its source stated

README block

The chart above, plus one line naming the source gitdebt read the series from, the date it covers, and whether it still updates. Two charts on the same page can come from different sources; this says which.

README.md · facebook/react · source stated
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/chart.svg?theme=dark" />
    <img alt="facebook/react star history" src="https://api.gitdebt.com/api/repos/facebook/react/chart.svg?theme=light" />
  </picture>
</a>

<sub>Star history source: Historical star data · Covers through September 15, 2026 · Still updating — <a href="https://gitdebt.com/facebook/react?ref=readme">gitdebt</a></sub>

Repository card

svg · png · webp · gif · light + dark

Stars, forks, contributors, languages, and a 90-day sparkline in one panel. Goes in an About or Project status section, or a docs-site sidebar.

facebook/react repository statistics
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/card.svg?theme=dark" />
    <img alt="facebook/react repository statistics" src="https://api.gitdebt.com/api/repos/facebook/react/card.svg?theme=light" />
  </picture>
</a>

Stars versus downloads

svg · png · webp · light + dark

Star growth against package-registry downloads, for projects that publish one. Goes in next to the star-history chart, when the project ships a package.

facebook/react stars versus package downloads
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/usage.svg?theme=dark" />
    <img alt="facebook/react stars versus package downloads" src="https://api.gitdebt.com/api/repos/facebook/react/usage.svg?theme=light" />
  </picture>
</a>

Linked contributor grid

svg · png · webp

The top twelve contributors as individually linked avatars. Each slot is its own <a><img> because an SVG embedded through <img> cannot carry a working link inside it, and each URL addresses a rank rather than a person, so the markup never needs regenerating: ranks past the end of the list render nothing, and a repository that grows past twelve keeps showing its top twelve until someone pastes more lines. Goes in a Contributors or Thanks section, where a reader is looking for the people rather than the numbers.

facebook/react contributor 1
README.md
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/0"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/0/avatar.svg" width="64" height="64" alt="facebook/react contributor 1" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/1"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/1/avatar.svg" width="64" height="64" alt="facebook/react contributor 2" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/2"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/2/avatar.svg" width="64" height="64" alt="facebook/react contributor 3" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/3"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/3/avatar.svg" width="64" height="64" alt="facebook/react contributor 4" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/4"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/4/avatar.svg" width="64" height="64" alt="facebook/react contributor 5" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/5"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/5/avatar.svg" width="64" height="64" alt="facebook/react contributor 6" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/6"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/6/avatar.svg" width="64" height="64" alt="facebook/react contributor 7" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/7"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/7/avatar.svg" width="64" height="64" alt="facebook/react contributor 8" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/8"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/8/avatar.svg" width="64" height="64" alt="facebook/react contributor 9" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/9"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/9/avatar.svg" width="64" height="64" alt="facebook/react contributor 10" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/10"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/10/avatar.svg" width="64" height="64" alt="facebook/react contributor 11" /></a>
<a href="https://api.gitdebt.com/api/repos/facebook/react/contributors/11"><img src="https://api.gitdebt.com/api/repos/facebook/react/contributors/11/avatar.svg" width="64" height="64" alt="facebook/react contributor 12" /></a>
<a href="https://gitdebt.com/facebook/react?ref=readme">Contributor ranking on gitdebt</a>

Social preview

png · webp

A 1200x630 PNG for link unfurls on social platforms and chat apps. Goes in a docs-site og:image meta tag — not the README, where it would be redundant.

facebook/react on gitdebt
README.md
[![facebook/react on gitdebt](https://api.gitdebt.com/api/repos/facebook/react/og.png)](https://gitdebt.com/facebook/react?ref=readme)

Repository-health charts

8 assets · facebook/react

Calculated from the public commit history, not from stars — which is why they can disagree with the star curve, and why it matters when they do.

Commit calendar

svg · png · webp · gif · light + dark

Daily commit density across the last 52 weeks. Goes in a Project health or Contributing section, where a prospective contributor is already reading.

facebook/react commit activity calendar
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/stats/heatmap.svg?theme=dark" />
    <img alt="facebook/react commit activity calendar" src="https://api.gitdebt.com/api/repos/facebook/react/stats/heatmap.svg?theme=light" />
  </picture>
</a>

Maintenance pulse

svg · png · webp · gif · light + dark

Commit volume over time, so a slowdown is visible rather than implied. Goes in a Project health or Contributing section, where a prospective contributor is already reading.

facebook/react commit trend
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/stats/commit-trend.svg?theme=dark" />
    <img alt="facebook/react commit trend" src="https://api.gitdebt.com/api/repos/facebook/react/stats/commit-trend.svg?theme=light" />
  </picture>
</a>

Contributors

svg · png · webp · gif · light + dark

Who is actually landing commits, ranked, with avatars inlined. Goes in a Project health or Contributing section, where a prospective contributor is already reading.

facebook/react contributors
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/stats/contributors.svg?theme=dark" />
    <img alt="facebook/react contributors" src="https://api.gitdebt.com/api/repos/facebook/react/stats/contributors.svg?theme=light" />
  </picture>
</a>

Ownership concentration

svg · png · webp · gif · light + dark

How few people write half the commits. Goes in a Project health or Contributing section, where a prospective contributor is already reading.

facebook/react bus factor
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/stats/bus-factor.svg?theme=dark" />
    <img alt="facebook/react bus factor" src="https://api.gitdebt.com/api/repos/facebook/react/stats/bus-factor.svg?theme=light" />
  </picture>
</a>

Language activity

svg · png · webp · gif · light + dark

Lines of code by language across the analyzed history. Goes in a Project health or Contributing section, where a prospective contributor is already reading.

facebook/react language activity
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/stats/lines.svg?theme=dark" />
    <img alt="facebook/react language activity" src="https://api.gitdebt.com/api/repos/facebook/react/stats/lines.svg?theme=light" />
  </picture>
</a>

File change frequency

svg · png · webp · gif · light + dark

The files the most commits touch, dependency manifests excluded. Goes in a Project health or Contributing section, where a prospective contributor is already reading.

facebook/react file change frequency
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/stats/top-files.svg?theme=dark" />
    <img alt="facebook/react file change frequency" src="https://api.gitdebt.com/api/repos/facebook/react/stats/top-files.svg?theme=light" />
  </picture>
</a>

Fix-labelled changes

svg · png · webp · gif · light + dark

Files most often touched by commits whose message reads like a fix. Goes in a Project health or Contributing section, where a prospective contributor is already reading.

facebook/react fix-labelled changes
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/stats/bug-magnets.svg?theme=dark" />
    <img alt="facebook/react fix-labelled changes" src="https://api.gitdebt.com/api/repos/facebook/react/stats/bug-magnets.svg?theme=light" />
  </picture>
</a>

TODO/FIXME movement

svg · png · webp · gif · light + dark

Whether known debt markers are being added or paid down. Goes in a Project health or Contributing section, where a prospective contributor is already reading.

facebook/react recent TODO and FIXME movement
HTML
<a href="https://gitdebt.com/facebook/react?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/repos/facebook/react/stats/todo-trend.svg?theme=dark" />
    <img alt="facebook/react recent TODO and FIXME movement" src="https://api.gitdebt.com/api/repos/facebook/react/stats/todo-trend.svg?theme=light" />
  </picture>
</a>

Profile README embeds

6 assets · facebook

The same routes for an account, summed across its public repositories. An organization's profile README lives in profile/README.md inside the repository named .github.

Maintainer card

svg · png · webp · gif · light + dark

Aggregate public-repository totals for the account in one compact panel. Goes in the top of a profile README, under the introduction.

facebook maintainer statistics
HTML
<a href="https://gitdebt.com/facebook?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/users/facebook/card.svg?theme=dark" />
    <img alt="facebook maintainer statistics" src="https://api.gitdebt.com/api/users/facebook/card.svg?theme=light" />
  </picture>
</a>

Aggregate star history

svg · png · webp · gif · light + dark

One curve summing star growth across every public repository owned. Goes in a profile README, below the card.

Aggregate star history across facebook's public repositories
HTML
<a href="https://gitdebt.com/facebook?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/users/facebook/chart.svg?theme=dark" />
    <img alt="Aggregate star history across facebook's public repositories" src="https://api.gitdebt.com/api/users/facebook/chart.svg?theme=light" />
  </picture>
</a>

Contribution footprint

svg · png · webp · gif · light + dark

Authored work in owned projects versus other people's projects. Goes in a profile README, in place of a generic contribution-count widget.

facebook contribution footprint
HTML
<a href="https://gitdebt.com/facebook?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/users/facebook/stats/contributions.svg?theme=dark" />
    <img alt="facebook contribution footprint" src="https://api.gitdebt.com/api/users/facebook/stats/contributions.svg?theme=light" />
  </picture>
</a>

Language footprint

svg · png · webp · gif · light + dark

Lines of code by language across every analyzed owned repository. Goes in a profile README, next to the contribution footprint.

facebook language footprint
HTML
<a href="https://gitdebt.com/facebook?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/users/facebook/stats/languages.svg?theme=dark" />
    <img alt="facebook language footprint" src="https://api.gitdebt.com/api/users/facebook/stats/languages.svg?theme=light" />
  </picture>
</a>

Commit activity

svg · png · webp · gif · light + dark

Every commit landed in the last 52 weeks, summed across owned repos. Goes in a profile README, as the activity strip.

facebook commit activity
HTML
<a href="https://gitdebt.com/facebook?ref=readme">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://api.gitdebt.com/api/users/facebook/stats/commit-activity.svg?theme=dark" />
    <img alt="facebook commit activity" src="https://api.gitdebt.com/api/users/facebook/stats/commit-activity.svg?theme=light" />
  </picture>
</a>

Social preview

png · webp

A 1200x630 PNG for link unfurls. Goes in a personal site's og:image meta tag.

facebook on gitdebt
README.md
[![facebook on gitdebt](https://api.gitdebt.com/api/users/facebook/og.png)](https://gitdebt.com/facebook?ref=readme)

URL reference

Swap the owner and name in any URL; nothing else changes.

Query parameters that change what an asset renders
ParameterApplies toEffect
theme=light|darkevery SVG and raster assetBakes that palette into the output. Default is light.
animate=1SVG charts, cards, and badgesOpts into motion, which plays in a GitHub README. Off by default; use the .gif variant for surfaces that show an SVG as a static frame.
from=YYYY-MM-DD&to=YYYY-MM-DDstar-history chartsInclusive date window. An invalid or inverted range is a 400.
rebase=1star-history chartsStarts every series at zero, so projects of different ages compare fairly.
type=date|timelinestar-history chartsCalendar dates, or days-since-first-star.
log=1star-history chartsLogarithmic y axis.
repos=owner/repo,owner/repo/api/chart.svgOverlays several repositories on one chart.
metrics=stars,forks,downloads/badge.svgChooses the chips and their order. downloads needs a published package.
signal=active|community|momentum|contributor-ready/badge.svgRenders one evidence-backed claim instead of raw metrics.
hide_border=1, hide_title=1, card_width=N/card.svgTrims the card for tight layouts.
  • Do not add cache-busting query parameters. Media is edge-cached for a few hours by design and refreshes on its own.
  • Alt text is not optional. Say what the image shows, not "chart".

Let an agent do it

markdown for agents

This prompt resolves your repository from its git remote, then adds the badge, the star-history chart, and the health charts that fit — replacing an existing star-history widget in place rather than stacking a second one under it.

Paste it into Claude Code, Cursor, Codex, or any coding agent with your checkout open. It carries the measured numbers, the exact snippets, and the rules — including replacing an existing star-history widget in place rather than stacking a second chart under it.