living-canvas

I turned all 14 of my GitHub repos into TV channels --- title: I turned all 14 of my GitHub repos into TV channels published: true description: One Claude skill read every README and turned my profile into a channel guide. Each repo gets a problem → tool → result scene. tags: showdev, ai, github, opensource --- I have 14 public repos. On my GitHub profile they were just names, and nobody clicks a name they don't understand. So I pointed my own Claude skill, living-canvas, at my profile and asked it to show what every repo actually does. {% youtube fPGSpbHMw4I %} Every repo became a TV channel with the same three-panel story: the problem → what the tool does → the result. Every example comes from the repo's own README. The channels | Channel | Repo | What goes in → what comes out | |---|---|---| | 📺 See it | devtv | 13 dev feeds → one TV page, no backend | | | living-canvas | any repo → animated SVG banner, ~7 KB | | | gitcomics | any repo → 8-panel comic from real code | | 📖 Read less | leantext | 92,348 tokens → 755 | | | tokslayer | noisy README → just the product | | | delta | 41-token prompt → 12 | | | context-squirrel | 3,150-token history → 147 | | 💰 Spend less | token-sensei | task + budget → checkpoint: done / left | | | sir-shortoken | 1,500 words → the right 300 | | | tactical | rambling incident reply → SITREP | | ✅ Trust it | implementation-scout | question → VERIFIED / NOT VERIFIED sources | | | ship-happens | YAML → tested on a real cluster first | | | trooper | Claude fails → run continues on Ollama | How it was made living-canvas read every README, picked one story and one real number per repo, and drew it as a canvas page. I recorded it frame by frame in headless Chromium and encoded it with ffmpeg. Its one rule: if someone saw a single screenshot, could they tell what the project does? Try it on yours living-canvas is open source: shouvik12/living-canvas Drop your GitHub handle in the comments, and I'll run it on a few profiles and post the results.

I built living-canvas, a free Claude skill that turns any repo, site or idea into an animated explainer I built living-canvas, a free, open-source skill for Claude. You point it at a GitHub repo, a URL, a doc or a single sentence, and Claude turns it into an animated explainer that a stranger can understand from one still frame. What it does Claude reads the subject, distills it into one core idea, and draws it as three labeled stages: problem → what it does → result. The output is an animated SVG for a README, or an interactive HTML page. How Claude helped build it • I wrote the skill.md with Claude: we iterated on the rules until the outputs passed a "still-frame test", where a single screenshot has to explain the whole idea. • Claude does the actual work at runtime: it reads the source, picks a visual metaphor, and writes the canvas code (HTML + requestAnimationFrame, or SVG with SMIL). • Claude also wrote the recording script for the video: headless Chromium with a controlled clock steps the animation frame by frame, and ffmpeg encodes the frames to MP4. In the video (three runs) • Caveman: the Claude Code skill that strips filler from agent replies • Reddit: Claude read Reddit's published numbers first, then drew post → vote → discuss • Nemotron 3.5 Transcribe: an explainer for NVIDIA's open speech model Known limitation: for repos it reads the README, file tree and languages, not the source code, so a stale README gives a stale picture. Reading the code is next. Free to try 1. Get the skill from shouvik12/living-canvas 2. Claude Code: copy the skill folder into ~/.claude/skills/. Claude.ai: upload it under Settings → Capabilities → Skills. 3. Ask: "apply living canvas to <repo, URL or idea>" Feedback welcome, especially on repos where the result falls flat.

@nvidia Made by living canvas shouvik12/living-canvas t.co

I asked a Claude skill to explain X in one picture. Here's what it made 👇 living-canvas turns any repo, URL or idea into an animated canvas you understand from a single frame. Open source: shouvik12/living-canvas @claudeai @AnthropicAI #buildinpublic t.co

Animated cover GIF made with living-canvas. Turn any repo or idea into an animated banner. shouvik12/living-canvas

NVIDIA Just Dropped an Open-Weight Speech Model. I Caught It on My Retro TV 1 Hour Later. --- title: NVIDIA Just Dropped an Open-Weight Speech Model. I Caught It on My Retro TV 1 Hour Later. published: true tags: ai, nvidia, opensource, showdev --- I wasn't looking for it. I was just having my morning coffee with DEV·TV running on the side. Then channel 11 flipped to a new bulletin: NVIDIA: Nemotron 3.5 Transcribe. Added 1 hour ago. ![DEV·TV showing Nemotron 3.5 Transcribe on the NEW MODELS channel] !NVIDIA What NVIDIA released Nemotron 3.5 Transcribe is NVIDIA's new speech recognition model, and the specs are worth a look: - 🔓 Open-weight. You can download it and run it yourself. - 🧠 30B mixture-of-experts, with only ~4B active parameters. That gives you the knowledge of a big model at roughly the running cost of a small one. - ⏱️ Transcribes recordings up to an hour long. That covers full meetings, podcasts and lectures in one pass. - 🌍 Supports 40 languages. Why this one matters Speech-to-text has mostly meant two choices: pay for a closed API, or settle for a smaller open model. An open-weight, mixture-of-experts transcriber from NVIDIA changes that. With only ~4B parameters active at a time, it should be far cheaper to run than its 30B size suggests. If you're building meeting notes, podcast search, captioning or voice agents, put this on your shortlist. And it wasn't alone Right after it, DEV·TV queued up two more audio-related releases: - NEXT: AssemblyAI TTS 1 - LATER: Particle AI Particle-1 Three fresh models, back to back, without me refreshing a single page. How I caught it so fast I built DEV·TV, a retro TV for developers that runs in your browser. Its NEW MODELS channel pulls fresh listings from OpenRouter and airs them like a live news bulletin. Most model launches happen quietly. A listing appears, a few people notice, and by the time it trends the first wave is over. With DEV·TV on my second monitor, the new models come to me. It also has: - 🥊 MODEL FACE-OFF: New models compared head to head - 🛠️ AGENT SKILLS: Trending Claude skill repos from GitHub - 🌟 SPOTLIGHT: Indie dev projects, free to submit from the app The entire app is one HTML file with zero infrastructure, and it's open source. It's been #5 Product of the Day on Product Hunt and #1 on IndieNeed. Tune in Want to catch the next big model drop the hour it lands? 👉 shouvik12.github.io If you try Nemotron 3.5 Transcribe, tell me in the comments how it handles your audio. 🎙️ --- Animated cover GIF made with living-canvas. Turn any repo or idea into an animated banner.

I pointed my Claude skill at 3 famous repos, and it animated their READMEs 🎨 --- title: I pointed my Claude skill at 3 famous repos, and it animated their READMEs 🎨 published: true description: living-canvas turns any GitHub repo into an animated README banner. Here's what it made for Ponytail, Ollama and uv. tags: showdev, opensource, ai, github --- A README has about two seconds to tell a stranger what a project does. Most banners spend those two seconds on a logo and a gradient. 🫠 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. To see if it holds up, I pointed it at three projects I love. 👇 🐴 Ponytail: the lazy senior dev Ponytail by Dietrich Gebert is a skill that makes your AI coding agent think like the laziest senior dev in the room, so it writes less code. The story comes straight from Ponytail's README. You ask for a date picker. Without Ponytail, the agent builds a whole calendar by hand: 335 lines. Ponytail first climbs its ladder of checks (does this need to exist? is it already in the codebase? the standard library? a native platform feature?) and finds that every browser already has a date picker. Result: 10 lines. 🪶 🦙 Ollama: open models on your machine Ollama lets you run open models locally, with complete privacy. On the left, every prompt (and your data) goes to someone else's cloud, with an API key and a meter running. In the middle, one command: ollama run gemma4. On the right, the model answers on your own machine at localhost:11434. No key, no cloud, and it works offline. 🔒 !Ollama ⚡ uv: one tool, 10–100x faster uv by Astral is an extremely fast Python package and project manager, written in Rust. Six tools for one Python project (pip, pip-tools, pipx, poetry, pyenv, virtualenv) become one binary. uv add ruff resolves and installs in a blink, and the speed bars show uv's 10–100x lead over pip. 🏎️ !uv 🧩 How it works Every banner follows the same rules: - 🖼️ One self-contained SVG, around 8 KB each for these three - 🚫 No JavaScript, no external fonts or images, so it renders right inside a GitHub README - 🏷️ Every stage is labeled in plain words, so a single screenshot tells the whole story - 📖 Real numbers from the README, never invented ones - ♿ Respects reduced motion: viewers who turn animation off see all three stages at once 🚀 Try it on your repo In Claude Code: git clone shouvik12/living-canvas ~/.claude/skills/living-canvas Then ask: /living-canvas you/your-repo 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> 🔗 Links - 🎨 living-canvas: shouvik12/living-canvas - 📺 DEV·TV, where living-canvas is currently running in the commercial breaks: shouvik12.github.io - 🐴 Ponytail · 🦙 Ollama · ⚡ uv If you maintain one of these and want the SVG for your README, it's yours. Just say the word. 🙌

Each banner is one self-contained SVG: no JavaScript, under 10 KB, and it renders right in a GitHub README. Try it on your repo: 🎨 shouvik12/living-canvas 📺 And catch it on DEV·TV's commercial breaks: shouvik12.github.io

I pointed living-canvas at 3 famous repos 🎨 shouvik12/living-canvas living-canvas is my Claude skill that turns any GitHub repo into an animated README banner. It reads the README, finds the one idea at the project's heart, and turns it into motion. So I tried it on three projects I love 👇 🐴 Ponytail by @DietrichGebert You ask your agent for a date picker. Without Ponytail: 335 lines and a hand-built calendar. With it: 10 lines that reuse the browser's own date input.

DEV·TV's second real ad is live, and the next one could be yours 📺 --- title: DEV·TV's second real ad is live, and the next one could be yours 📺 published: true description: After leantext, DEV·TV's commercial breaks now run an ad for living-canvas, another tool from the maker. Next up: ads from the community, for free. tags: showdev, webdev, opensource, ai --- A few days ago, DEV·TV ran its first real ad. Until then, every commercial break was a joke: Off-By-One Pizza 🍕, Rollback Airlines ✈️, node_modules Self Storage 📦. Then leantext took the first real slot. !Animated DEV·TV banner: five half-read browser tabs, then a retro TV flipping through developer channels, then an editor with a small TV glanced at on a second monitor Today there's a second one. 🎉 !The living-canvas ad playing in a DEV·TV commercial break: a violet screen with a pink palette logo, the slogan "Your README, in motion.", a "Free Claude skill" badge and a "Get living-canvas" button 🎨 Meet living-canvas living-canvas is a Claude skill that turns any repo, doc or idea into an animated README banner. Point it at a GitHub URL and it reads the project, finds the one idea at its heart, and turns it into motion: one self-contained SVG, no JavaScript, usually under 10 KB. ✨ It's built for the top of a README, where a stranger decides in two seconds whether to keep reading. Instead of a generic gradient, the banner tells the project's actual story, left to right: the problem, what the project does, and the result. To try it in Claude Code: git clone shouvik12/living-canvas ~/.claude/skills/living-canvas Then ask for /living-canvas https://github.com/you/your-repo. 🚀 📣 Two ads from the maker. The rest are yours. Every TV network runs promos for its own shows, and DEV·TV has now run two. That's enough of me. 😄 The next ad slots are open to the community, for free. 🙌 If you've built a developer tool, a library, an app or a side project, it can run in DEV·TV's commercial breaks just like leantext and living-canvas do: a full-screen ad card with your name, a one-line pitch, your colors and a button that links straight to your project. No fake disclaimer, because it's a real ad. To get one: - 🖱️ Open DEV·TV and hit Submit your project, or - ✉️ Email devtv.developers@gmail.com with your project name, a one-line pitch and a link. I screen every submission myself, the same way I do for the Spotlight channel. 🔦 🔗 The links - 📺 DEV·TV, a retro TV for the developer internet: shouvik12.github.io · source - 📄 leantext, lean Markdown for your coding agent, up to 99% fewer tokens: shouvik12/leantext - 🎨 living-canvas, animated README banners from any repo: shouvik12/living-canvas Leave DEV·TV running on a second monitor. 🖥️ Sooner or later, a break comes up, and maybe your project is the one on screen. 👀