Seventeen tools. One 1.5 MB package. That’s the whole pitch: instead of installing and updating seventeen separate extensions that half-conflict with each other, ATM ships them as one process, under one publisher, with one changelog.
Search ATM and install it. Nothing else to configure.
The toolkit
Editor signals — Error Lens surfaces diagnostics inline, Color Box lights up inline colors across modern CSS formats, Color Debugging adds state management on top of that, and Comments Code decorates TODO: / FIXME: / MARK: so they don’t blend into the noise.
Git & Env — Git Better adds a mini-blame view and history review to the Git panel; Env Lens parses .env files and lets you blur values on and off with a hover, helping prevent secrets from appearing during a screen share.
Docs & media — Markdown Text adds live Mermaid diagram previews, Markdown MDX adds full MDX support with a React/esbuild live preview (Shift + Alt + M), Image Preview shows dimensions and file size inline, SVG Better auto-splits the view and optimizes on save, and Screenshot Code turns a selection into a presentation-ready image.
Translate & voice — ATM Translate works against DeepL, Google Cloud, or LibreTranslate (your key, your choice), Translate Doc runs the same translation over a whole file (Ctrl + Shift + Space), and Voice TTS reads text back (Shift + Space to read, Shift + Alt + Space to pick a voice).
Housekeeping — Code Spell catches typos with a technical-term-aware dictionary, Version Package manages semantic versions in package.json with hover states, and a built-in Pomodoro timer keeps the rest honest.
Three settings control the chrome: atm.cursor.animation, atm.breadcrumbs.animation, and atm.files.animation — each toggled independently.
