Built 150+ tools with LLMs: Simon Willison on single-file patterns
bibryam · x · 2026-08-16
Simon Willison shares insights from building over 150 HTML tools with LLMs in the past two years. The key constraint is a single-file structure (HTML+JS+CSS) with no build step, keeping apps easy to inspect, host, and remix. The article outlines useful patterns: prototyping with Artifacts/Canvas, loading dependencies via CDN, persisting state in URLs, using localStorage for secrets, calling LLMs via CORS, and leveraging Pyodide and WebAssembly. He emphasizes that each working tool serves as an example for the next and provides links to source code and prompts.
More from coding & agent
- Grove-G1: ROS 2 Autonomy Stack for Unitree G1 Humanoid — rsasaki0109 · 2026-08-16
- SkillForge: Open source tool to manage AI coding skills centrally — tguructa · 2026-08-16
- HoardCore: End-to-end verifiable memory toolkit for AI agents — jjjardev · 2026-08-16
- Sistava vs OpenClaw: Managed cloud workforce vs. self-hosted agent control — Mahmoud_Zalt · 2026-08-16
- Should we store agent reasoning traces in git commits? — Silver_Jump3781 · 2026-08-16
- Code review in the AI era: Trust tests but verify bottlenecks — bendee983 · 2026-08-16