# Browser Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/browser
> Markdown URL: https://aitinkerers.org/technologies/browser.md
> Technology record last updated: 2026-03-03T21:53:12Z
> Generated: 2026-08-25T21:15:01Z

The client application that fetches, interprets, and renders content (HTML, CSS, JavaScript) from web servers for user display.

A browser is your primary interface to the World Wide Web, operating on a client-server model: it sends HTTP/HTTPS requests for files and uses a rendering engine to translate the returned data into a visual page. This process involves interpreting HTML structure, applying CSS styles, and executing JavaScript for dynamic functionality. Major players like Google Chrome, Mozilla Firefox, Apple Safari, and Microsoft Edge dominate the market, with Chrome currently holding a significant majority share. The core function remains consistent: transforming raw code into the interactive experience you see on your screen.

- Official technology site: https://en.wikipedia.org/wiki/Web_browser
- Public AI Tinkerers demos and talks: 5
- Result page: 1 of 1

## Recent Public Talks and Demos

### [Silent Notetaker: no backend, no account, no upload](https://columbus.aitinkerers.org/talks/rsvp_2_Cj7Fhun3Y)

Silent Notetaker is a meeting notetaker that runs entirely in the browser: it transcribes the conversation live, pulls out decisions, action items, and open questions as they happen, with no audio ever leaving the machine. The whole app is a single HTML file, no backend and nothing to sign into. I'll demo it live with a real mic: transcription and speaker labels appearing in real time, notes self-categorizing, and an on-device LLM suggesting the next question to ask. Then review architecture (how the speech model, the speaker model, and the question model share one machine without fighting each other), show the single-file source for people to try out, modify and make it their own.

- Event context: AI Tinkerers - Columbus June Meetup — 2026-06-01 — Columbus
- Public talk page: https://columbus.aitinkerers.org/talks/rsvp_2_Cj7Fhun3Y

### [Adventures in Dark Software Factories and Building Sundai Claw](https://boston.aitinkerers.org/talks/rsvp_rYByyNllwL4)

I will share my adventures trying to build a software factory, and a solution that I landed on that I'm pretty happy with. It's a rapidly evolving space and it seems like every week there's a new project attempting to streamline the process of building software using autonomous AI coding agents. If you've read Dan Shapiro's "The Five Levels" post (https://www.danshapiro.com/blog/2026/01/the-five-levels-from-spicy-autocomplete-to-the-software-factory/), you know about the Fanuc Dark Factory, the robot factory staffed by robots. It's dark because it's a place humans are neither needed nor welcome. As an example of how such a factory can be built, I'll share a concrete use case in building Sundai Claw. Sundai Claw is an OpenClaw agent that you can message via Telegram. You describe your software project in natural language and when you submit a request, the claw agent dutifully begins to create a Sundai.club project card, a Github repo, a spec doc and then builds and deploys the software. This happens completely autonomously, but we're exploring where appropriate human-in-the-loop steps would be helpful to steer the claw agent and refine the specifications before and during building.

- Event context: AI Tinkerers Boston: March 2026 Meetup — 2026-03-30 — Boston
- Public talk page: https://boston.aitinkerers.org/talks/rsvp_rYByyNllwL4

### [I built a browser that works without tabs](https://la.aitinkerers.org/talks/rsvp__xNwjDh60CI)

A browser without tabs? Yes, imagine a big canvas, like figma but the rectangles are actually chat windows, text editors, images, and regular browser windows. Everything is observed by a cognitive layer (called the "canopy") that gets all user-interactions at runtime and models the user behavior to create propositions. The founders vision on how AI-native operation systems can look like: https://disambiguate.substack.com/p/ai-wants-to-be-connective-tissue

- Event context: AI Tinkerers LA: February Builder Meetup & Live Demos — 2026-02-24 — Los Angeles
- Public talk page: https://la.aitinkerers.org/talks/rsvp__xNwjDh60CI

### [From Screenshot to Code: AI-Powered Design Cloning and Verification](https://nyc.aitinkerers.org/talks/rsvp_oSYfxCynLls)

Live demo of an AI pipeline I made that takes any website URL and recreates it in an editable sandbox. The system: 1. Captures a live site using Playwright (screenshots, DOM, styles) 2. Uses Claude to analyze the design and generate a React clone 3. Creates an instant editable sandbox with the cloned site 4. Verifies the clone matches the original using design contracts 5. Suggests and applies CSS fixes for any differences I'll show the full loop: paste a URL → AI analyzes it → generates code → live preview appears → iterate with chat to refine. No Figma access needed, no manual coding - just point at any site and get an editable clone.

- Event context: Feb Demo Day: How are you turning design into code? (with Baz) — 2026-02-04 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_oSYfxCynLls

### [State of browser use Agents](https://poland.aitinkerers.org/talks/rsvp_RyGQ4-bJAA4)

I've spent $ 5000 on LLM tokens for browser-use, the agent for using web browsers. Some tasks included signing up to 20k different newsletter forms (for an aggregated AI newsletter project) or gathering data (kind of like a general purpose, universal scraper). I'll show how the agent interacts with websites it hasn't seen before. I would also love to present how the agent prompt is structured by peeking inside Langfuse, and discuss prompting patterns with the community.

- Event context: AI Tinkerers Poland #3 - Meetup in Warsaw (March) — 2025-03-20 — Poland
- Public talk page: https://poland.aitinkerers.org/talks/rsvp_RyGQ4-bJAA4

## Related Technologies

- [React](https://aitinkerers.org/technologies/react) ([Markdown](https://aitinkerers.org/technologies/react.md)) — 216 public demos
- [agent-browser](https://aitinkerers.org/technologies/agent-browser) ([Markdown](https://aitinkerers.org/technologies/agent-browser.md)) — 3 public demos
- [APIs](https://aitinkerers.org/technologies/apis) ([Markdown](https://aitinkerers.org/technologies/apis.md)) — 19 public demos
- [Claude](https://aitinkerers.org/technologies/claude) ([Markdown](https://aitinkerers.org/technologies/claude.md)) — 171 public demos
- [Fabro](https://aitinkerers.org/technologies/fabro) ([Markdown](https://aitinkerers.org/technologies/fabro.md)) — 1 public demo
- [Firebase](https://aitinkerers.org/technologies/firebase) ([Markdown](https://aitinkerers.org/technologies/firebase.md)) — 23 public demos
- [Google Cloud](https://aitinkerers.org/technologies/google-cloud) ([Markdown](https://aitinkerers.org/technologies/google-cloud.md)) — 7 public demos
- [Google Cloud Run](https://aitinkerers.org/technologies/google-cloud-run) ([Markdown](https://aitinkerers.org/technologies/google-cloud-run.md)) — 4 public demos
- [IndexedDB](https://aitinkerers.org/technologies/indexeddb) ([Markdown](https://aitinkerers.org/technologies/indexeddb.md)) — 1 public demo
- [Langfuse](https://aitinkerers.org/technologies/langfuse) ([Markdown](https://aitinkerers.org/technologies/langfuse.md)) — 13 public demos
- [Libraries](https://aitinkerers.org/technologies/libraries) ([Markdown](https://aitinkerers.org/technologies/libraries.md)) — 1 public demo
- [Mistral](https://aitinkerers.org/technologies/mistral) ([Markdown](https://aitinkerers.org/technologies/mistral.md)) — 23 public demos
- [Next](https://aitinkerers.org/technologies/next) ([Markdown](https://aitinkerers.org/technologies/next.md)) — 185 public demos
- [NVIDIA NeMo](https://aitinkerers.org/technologies/nvidia-nemo) ([Markdown](https://aitinkerers.org/technologies/nvidia-nemo.md)) — 3 public demos
- [onnxruntime-web](https://aitinkerers.org/technologies/onnxruntime-web) ([Markdown](https://aitinkerers.org/technologies/onnxruntime-web.md)) — 1 public demo
- [OpenClaw](https://aitinkerers.org/technologies/openclaw) ([Markdown](https://aitinkerers.org/technologies/openclaw.md)) — 48 public demos
- [OpenRouter](https://aitinkerers.org/technologies/openrouter) ([Markdown](https://aitinkerers.org/technologies/openrouter.md)) — 32 public demos
- [OpenSpec](https://aitinkerers.org/technologies/openspec) ([Markdown](https://aitinkerers.org/technologies/openspec.md)) — 1 public demo