I pointed my Claude skill at 3 famous repos, and it animated their READMEs

说明与用途

living‑canvas 技能从 README 生成简洁的动画 SVG 横幅，展示问题、解决方案和结果，使用真实数据。

问题

README banners often waste the brief moment to convey project value, relying on logos and gradients instead of clear messaging.

结果

For Ponytail, Ollama, and uv, the skill produced 8 KB SVG banners that clearly illustrated the problem, solution, and result, using real metrics and respecting reduced motion settings.

工作流

• Clone living‑canvas skill into ~/.claude/skills
• Ask /living‑canvas with the target repo URL
• Receive an SVG banner
• Commit the SVG and add an <img> tag to the README header

证据

I built living‑canvas to do better: it's a Claude skill that reads a repo's README, finds the one idea at its heart, and turns it into a short animated story, left to right: the problem → what the project does → the result.

来源

Every banner follows the same rules: One self‑contained SVG, around 8 KB each for these three; No JavaScript, no external fonts or images; Every stage is labeled; Real numbers from the README; Respects reduced motion.

来源

Commit the SVG it gives you and add one line to the top of your README: <p align="center"><img src="assets/your-banner.svg" alt="Your project" width="100%"></p>

来源