{"slug":"repo-visuals","title":"repo-visuals","description":"repo-visuals turns any open-source repo into a bespoke README hero — animated GIF or static PNG — through a structured discovery dialog. It scans the codebase, recommends a format that fits the repo's identity (terminal demo, product UI, brand wordmark, banner, diagram-as-hero), generates tailored HTML, previews it in your browser, and exports a retina-quality artifact ready to drop into the README.\n\nKey features:\n- Five-phase craft loop: discover → build → preview → export → output\n- Three operating modes (Auto / Semi-auto / Manual) that scale from \"decide nothing\" to \"decide everything\"\n- Format-aware: GIF for motion-worthy demos, PNG when stillness reads better, HTML when the README itself can host it\n- Retina capture via Puppeteer + ffmpeg; automatic file-size and dimension validation\n- Optional 4-rater scorecard (User / Claude / Code / AI-vision-blind) for measuring craft quality across runs\n- Optional upstream PR: detects ownership, forks if needed, opens a PR with alt-text included\n- Heroes already merged into HTMLHint, Terminal.Gui, ast-graph, and others","developer":"livlign","category":null,"reported_installs":null,"active":true,"first_seen_at":"2026-10-03T22:13:33.942Z","last_seen_at":"2026-11-07T06:00:03.345Z","last_changed_at":"2026-10-03T22:13:33.942Z","platform":"claude","sources":["Community"],"works_with":["Claude Code"],"marketplace_url":null,"repository_url":"https://github.com/livlign/claude-skills.git","web_data":{},"github_data":{},"catalog_sources":{"community":[{"name":"repo-visuals","source":{"ref":"main","sha":"7f66ce9d577e51456260e6b4062bcc9c488d9224","url":"https://github.com/livlign/claude-skills.git","path":"plugins/repo-visuals","source":"git-subdir"},"homepage":"https://github.com/livlign/claude-skills/tree/main/plugins/repo-visuals","description":"repo-visuals turns any open-source repo into a bespoke README hero — animated GIF or static PNG — through a structured discovery dialog. It scans the codebase, recommends a format that fits the repo's identity (terminal demo, product UI, brand wordmark, banner, diagram-as-hero), generates tailored HTML, previews it in your browser, and exports a retina-quality artifact ready to drop into the README.\n\nKey features:\n- Five-phase craft loop: discover → build → preview → export → output\n- Three operating modes (Auto / Semi-auto / Manual) that scale from \"decide nothing\" to \"decide everything\"\n- Format-aware: GIF for motion-worthy demos, PNG when stillness reads better, HTML when the README itself can host it\n- Retina capture via Puppeteer + ffmpeg; automatic file-size and dimension validation\n- Optional 4-rater scorecard (User / Claude / Code / AI-vision-blind) for measuring craft quality across runs\n- Optional upstream PR: detects ownership, forks if needed, opens a PR with alt-text included\n- Heroes already merged into HTMLHint, Terminal.Gui, ast-graph, and others"}]},"manifest":{"url":"https://raw.githubusercontent.com/livlign/claude-skills/7f66ce9d577e51456260e6b4062bcc9c488d9224/plugins/repo-visuals/.claude-plugin/plugin.json","payload":{"name":"repo-visuals","author":{"name":"livlign"},"version":"0.1.5","homepage":"https://github.com/livlign/claude-skills","keywords":["readme","readme-hero","readme-banner","hero-gif","hero-image","hero-svg","animated-svg","github","open-source","visualization","puppeteer","ffmpeg"],"repository":"https://github.com/livlign/claude-skills","description":"Designs bespoke GitHub README hero visuals — animated GIF, static PNG, or animated SVG — through a structured discovery dialog. Retina capture, scope-matched copy, optional upstream PR."},"observed_at":"2026-11-06T10:48:25Z"}}