repo-readme-assets

Solid

README.md (EN) + localized mirror + local animated SVG header/footer for a repository. Generates assets/header.svg and assets/footer.svg with SMIL animation (4 presets: default/minimal/dark-first/monochrome), zero external services. Scripts: generate_assets.py, validate_svg.py, extract_context.py. Triggers: 'readme header', 'animated svg', 'waving svg', 'svg banner', 'readme assets', 'readme visual', 'smil animation', 'repo header', 'readme footer', 'readme generator', 'update readme', 'readme badges'.

AI & Automation 5 stars 0 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 83/100

Stars 20%
26
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Repo Readme Assets — README + animated SVG header/footer Use this skill to **create or update a repository README and its visual header/footer** with local animated SVG assets. Zero external services: no capsule-render, no shields generators, no URL banners. Animation is SMIL only (`<animate>`, `<animateTransform>`) so it works inside `<img>` on GitHub without scripts or network requests. ## When to use - A repository needs a README with a header/footer banner (local animated SVG). - Major change happened and the README must reflect the current project state. - User asks for "readme header", "animated svg", "waving svg", "svg banner", "readme assets", "readme visual", "smil animation". ## Do NOT use - README is already current and the user did not request changes — do not "improve". - A single tiny fix (e.g. one badge) — edit directly, no skill needed. - For legal/community files (LICENSE, CONTRIBUTING, SECURITY) — use `repo-community-files`. - For description/topics/Pages/community-health — use `repo-metadata-health`. - For the social preview PNG — use `repo-social-preview`. ## Files - `SKILL.md` — this file - `scripts/generate_assets.py` — deterministic generation of `assets/header.svg` + `assets/footer.svg` - `scripts/extract_context.py` — auto-detect name/desc/stack/colors/username from git remote - `scripts/validate_svg.py` — validate SVG against skill rules (SMIL, mask, morphing) - `references/svg-animation.md` — full SVG animation spec + header/footer templa...

Details

Author
bestdeejay-design
Repository
bestdeejay-design/agent-skills
Created
1 weeks ago
Last Updated
yesterday
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

awesome-readme

Write awesome-list-worthy README.md files for GitHub repositories — project READMEs (library, CLI, app, research, template) and GitHub profile READMEs (username/username repo) — with prose that reads as human-written, not AI-generated. Covers section selection, shields.io badge stacks, banner/logo/GIF guidance, TOC patterns, expandable `<details>` blocks, back-to-top anchors, contributor widgets (contrib.rocks, star-history), typing SVGs, GitHub-readme-stats cards, Standard-Readme spec compliance, README-Driven-Development workflow, and a full anti-AI-slop audit pass on every draft (integrates the humanizer skill's Wikipedia "Signs of AI writing" patterns tuned for README prose). Triggers when user asks to generate, write, improve, refactor, humanize, or audit a README; wants badges, TOC, logo placement, demo GIF, feature list, install/usage blocks, contributing section, roadmap, "getting started", or profile README with stats/typing SVG/snake animation. Keywords - readme, README.md, github readme, profile re

0 Updated 1 months ago
fralapo
Code & Development Solid

repo-visuals

Create hero visuals — animated GIF, static PNG, or animated SVG — for GitHub repositories. Runs a structured discovery conversation (scan repo → recommend format → propose creative scenarios → agree on a brief), then designs bespoke HTML/SVG, previews it in the browser, and exports. Use when the user asks for a README hero, repo banner, README image, GitHub header, social preview card, repo demo GIF, hero image, OG image, project screenshot, repository showcase, or any "image at the top of the README".

18 Updated 2 weeks ago
livlign