Addy Osmani

agent-skills. Production-grade engineering skills for AI coding agents.

Material Icons. I built a free icon set from Google that works on any platform.

Quicklink. I built a tool that makes websites load the next page before you click.

Workbox. I built tools that make websites work offline and faster.

Critical. I built a tool that speeds up websites by prioritizing the styles that matter most.

gemini-cli-tips. Gemini CLI Tips and Tricks

Web Quality Skills. I made AI skills that audit websites for speed, accessibility, and search readiness.

backbone-fundamentals. :book: A creative-commons book on Backbone.js for beginners and advanced users alike

addyosmani. GitHub README

Say. I built a voice-to-text app that works entirely in your browser.

Squish. I built a tool that compresses images in your browser without uploading anywhere.

Web Vitals. I built a Chrome extension that measures how healthy your website is.

Background Remover. I built a free tool that removes image backgrounds in your browser.

Basket. I built a tool that caches downloaded files to make websites load faster.

Agent Engineer. I wrote a course that teaches engineers how to build AI agents.

Chatty. I made private AI chat that runs entirely in your browser.

webpack-lighthouse-plugin. A Webpack plugin for Lighthouse

Firew0rks. I built a tool that plays text art animations in your terminal.

Git2Txt. I built a tool that converts GitHub projects into single text files.

Tunnel Bear Login. I built a login form with an animated bear that responds to your typing.

Video Compress. I built a tool that shrinks videos inside your web browser.

Jarvis. I built an AI assistant that talks to you in real time with voice and video.

Agentic SEO. I built a tool that audits your documentation for AI assistants.

oust. Extract URLs to stylesheets, scripts, links, images or HTML imports from HTML

adk-product-engineers. ADK apps for Product Engineers

Enhance. I made an AI tool that sharpens and fixes photos in your browser.

filter. Filter - Web Image Editor

context-buddy. Context Buddy is a quick educational aid for understanding Context Engineering

Vanilla JavaScript for React Developers. I wrote a book teaching React developers to build with plain JavaScript instead.

Learning JavaScript Design Patterns. I collected the code examples from the O'Reilly design patterns book.

clipai. A visual bookmark organizer for Chrome using built-in AI

scan. Free document to PDF scanner

threejs-coverflow. Cover Flow effect implemented with Three.js

adverse. Multi-agent adversarial code review for any coding agent

React Flow. I built a React carousel component with smooth scroll animations.

Adaptive Loading. I made a toolkit that lets websites adapt to each person's device and internet speed.

puppeteer-webperf. Automating Web Performance testing with Puppeteer 🎪

psi. PageSpeed Insights Reporting for Node

Critical Path. I built a tool that speeds up websites by loading only the styles people see immediately.

bubblesort. Bubble Sort implementation with O(n^2) complexity.

Polymer Blog. I built a tutorial blog that teaches you how to make websites from scratch.

TMI. I built a tool that measures image weight on any website.

Largescale Demo. I built a demo showing how to organize a large JavaScript project.

Aura. I made a toolkit that lets builders assemble web apps faster.

CSS Diet. I made a tool that finds unused CSS across your entire website.

Starter. I made a ready-to-clone template for starting new website projects.

backbone-koans-qunit. Backbone Koans for QUnit

Critical Path CSS. I built tools that identify and prioritize the styles your website shows first.

network-emulation-conditions. Network emulation / throttling conditions (2G, 3G, 4G, Wifi etc) ☎️

recursive-binarysearch. Recursive Binary Search with O(log N) complexity