← ClaudeAtlas

project-badgeslisted

Generate shields.io badge rows for project READMEs using personal link and project metadata. Use when the user asks to add badges, project links, social links, license badges, or shield badges to a README.
CypherPoet/THREE-JS-APOD-Air-and-Space-Museum · ★ 0 · Web & Frontend · score 72
Install: claude install-skill CypherPoet/THREE-JS-APOD-Air-and-Space-Museum
# Project Badges Generate consistent, styled shields.io badge rows for any project README using personal link data stored in `<skill-dir>/assets/badges.yml`. ## When to Use - User asks to add badges, shields, or social links to a README - User asks for project link badges or shield.io badges - User wants to update or refresh existing badges in a README ## Workflow ### 1. Load Badge Data Read `<skill-dir>/assets/badges.yml`. It contains: - `style` — global style config (`format`) - `badges` — list of badge entries, each with `name`, `logo`, `label`, `url`, `logoColor`, `color` ### 2. Ask the User Before generating, present a numbered list of all badges from the YAML so the caller can select specific ones. Build the list dynamically: use each badge's `name` as the display label, and append the `label` field in parentheses when it differs from the `name`. End with "Which badges would you like? (default: all)". Also confirm **where to place them** in the README (default: after the first headline and any immediate subheadline/tagline). ### 3. Construct Shields.io URLs Each badge uses a single-color pattern: ``` https://img.shields.io/badge/LABEL-COLOR?style=FORMAT&logo=LOGO&logoColor=LOGOCOLOR ``` Field mapping: | URL Field | Source | Notes | |-----------|--------|-------| | `LABEL` | badge `label` | Encode: spaces → `_`, literal underscores → `__`, `@` → `%40` | | `COLOR` | badge `color` | Badge background (per-badge brand color) | | `FORMAT` | `style.format` | e.g.