pglevy / web-tools
A collection of standalone HTML utilities. No build step, no framework — open a file and it works. Inspired by Simon Willison's approach to single-file tools.
Single file
Each tool is one HTML file with inline CSS and JS. Copy, paste, host anywhere.
No build step
No React, no npm, no bundler. Dependencies load from a CDN when needed.
Stays small
A few hundred lines. Easy to read, easy to modify, easy to hand off to an LLM.
Tools
AI Context Decision Tree
An interactive decision tree to help you choose the right AI context mechanism — steering files, skills, hooks, MCP servers, and more.
Coffee Ratio Calculator
Find the perfect coffee-to-water ratio for your brew strength and serving size. Adjust on the fly with smooth sliders.
Color Converter
Convert colors between Hex, RGBA, and OKLCH with a live preview. Includes closest CSS named color lookup.
GitHub Social Preview
See how any GitHub repository will appear when shared on social media. Paste a repo URL and preview instantly.
Repo Archiver
Scan your GitHub repos, score them for staleness, and archive the ones collecting dust. Visual cleanup for your account.
Screenshot Generator
Create beautiful screenshots with customizable window frames, backgrounds, shadows, and padding. Paste, drop, or upload to style instantly.