Issue #684  (Media Tools, VS Code, Testing Tools)08/27/26

Just a quick note that this is the first issue after I've officially retired my VS Code newsletter, which has now merged back into this one. I had previously started that one as an offshoot of this newsletter. But with the AI boom, it doesn't seem to make sense to continue that one anymore.

I will still include VS Code tools in this newsletter (as I've done this week). So those of you who signed up for that newsletter will still get lots of front-end and full-stack links, including VS Code-related links.

Of course, if you prefer not to be subscribed to this larger newsletter, simply use the unsubscribe link at the bottom of this issue.

Now on to this week's tools!

Media Tools (SVG, Video, etc.)

EazyStudio — A suite of online tools that includes an image compressor, background remover, PDF tools, audio converter, QR codes, JWT decoder, and 75+ more, all running in your browser.

d3-maps — An interactive SVG maps toolkit for React 19 and Vue 3 that features choropleths, markers, routes, bubble, and zoomable maps with components powered by d3.js.

The One Options Trade I Make Every Week — A single 0-day options trade, handed to you with the strike, the entry price, and the exit already mapped. Grab this week's free report to see how it works before the next signal drops.    SPONSORED 

DSSSP — A React component library to visualize frequency response graphs and control audio filters, providing core UI elements for audio editing tools, allowing users to adjust filter parameters interactively.

Dither Image Online — A fast, and real-time dither image generator that transforms that adds a customizable retro and pixel art effect to an uploaded photo.

@web-kits/audio — A JavaScript package that provides declarative audio synthesis for the web, allowing you to describe sounds as plain objects and play them with one function call.

Hyperblam — A declarative, dependency-free implementation of the Web Audio API that allows you to make music with HTML, building pedal boards, drum machines, sampled instruments, etc.

ffmpeg webCLI — A browser-based video editor powered by ffmpeg.wasm, with no uploads, no servers, all processing happens locally in your browser using WebAssembly.

VS Code & IDE Tools

T-SQL Analyzer — A VS Code extension that analyzes your T-SQL object creation code for design, naming and performance issues using more than 140 rules.

SuperDoc for VS Code — A VS Code extension that lets you open and edit Word documents (.docx) directly in VS Code using SuperDoc, the JS-powered document engine for DOCX files.

AI Engineering Fluency — A VS Code extension that allows you to track your daily and monthly token usage, cost estimates, and AI fluency insights in VS Code.

Tech Productivity Newsletter — A brief, weekly newsletter featuring tools, apps, articles, and tips on focus, productivity, procrastination, brain science, and lots more.    SPONSORED 

OpenHands — A self-hosted developer control center for coding agents and automations that allows you to run OpenHands, Claude Code, Codex, Gemini, or any ACP-compatible agent across local, remote, and cloud backends.

Verne — An IDE for your coding agents, allowing you to use Claude Code, Codex, or any CLI agent in a real workspace; files, editor, browser, and git, all agent-aware, with multiple projects, optional worktrees, zero forced workflow.

Save Editors Layout — A VS Code extension that will save and restore the editor layout of your VS Code workspaces, and apply a layout template to any workspace, with an automatic restart so the changes take effect.

Claude Code Agent Monitor — A VS Code extension that adds a professional integrated dashboard for monitoring Claude Code AI agent activity, token usage, and costs directly in VS Code.

Advertisement

Testing & Debugging Tools

Meterbility — A debugger for AI agents that will capture every run, inspect every decision, pause and inject live, fork from any step, and diff the trajectories.

pipenet — A modern, open source alternative to localtunnel that bundles client and server to host your own tunnel infrastructure, enabling you to expose your local server to the public internet instantly.

OGee — A Chrome extension that shows how the current page’s Open Graph link card will look when it's shared, showing the thumbnail, title, description, and domain each platform would display, side by side, in both light and dark themes.

TLDR AI — Keep up with AI in 5 minutes. Get the most interesting AI stories and breakthroughs delivered in a free daily email.   SPONSORED 

ReactBench — An evaluation benchmark designed to test AI coding agents on production-grade React work, going beyond checking if code works functionally, it evaluates criteria like React performance, accessibility, and overall code quality.

shadscan — A CLI tool that statically analyzes your React shadcn components for accessibility, state, and composition regressions, with the same result on every run, built for your terminal and your CI.

pwa-check — An automated Progressive Web App (PWA) health check tool that checks HTML, manifest, scripts, and service workers to make sure your PWA looks, feels, and behaves like a real app.

playwright-recorder-plus — A higher-quality, configurable alternative to Playwright's built-in recordVideo that offers high quality video, pause/resume, crop, multi-page contexts, and inline audio scheduling.

Commercial Apps & Classifieds