Tailor: Edit Your Websites in the Browser with Llama3
Hey HN! I recently built Tailor (https://tailor.cryingpotato.com) as a way to speed up the dev cycle that comes with tweaking a website. My workflow to tweak websites was pretty painful - I’d change things in devtools until they looked visually correct, and then context-switch back to my terminal to apply relevant edits. Tailor makes that process much easier by keeping the edit loop fully in the browser. Tailor uses LLMs as a fuzzy reasoning engine to automatically map your HTML edits to source code edits. It also runs code directly in your browser using WebContainers so you don't…
In plain words
Tailor is a browser-based website editor that streamlines the development workflow by keeping all edits within the browser. It uses an AI model to automatically translate visual changes made in the browser into corresponding source code edits. The tool runs code directly in the browser using WebContainers, eliminating the need to switch between dev tools and terminal. It is designed for web developers who want to speed up the iteration process when tweaking websites.
written from the facts on this page · September 2026
From the sources
In the maker’s words, at launch
Hey HN! I recently built Tailor (https://tailor.cryingpotato.com) as a way to speed up the dev cycle that comes with tweaking a website. My workflow to tweak websites was pretty painful - I’d change things in devtools until they looked visually correct, and then context-switch back to my terminal to apply relevant edits. Tailor makes that process much easier by keeping the edit loop fully in the browser. Tailor uses LLMs as a fuzzy reasoning engine to automatically map your HTML edits to source code edits. It also runs code directly in your browser using WebContainers so you don't have to switch to the terminal to play around with these edits. I’d love for you to try it out. Hit "Get Started" on the landing page and you're taken to the editing screen. Once it loads (only desktop Chrome for now because of WebContainer limitations), you can click the scissor icon on the top-right and start making edits. When you submit an edit, Tailor takes your edit intent and starts exploring the codebase with LSPs to make a source edit. You can hit the check mark to create a PR based on your edits. Here's an example edit Tailor made to the landing page: https://github.com/cryingpotat0/tailor-landing-page/pull/22 It uses Llama3 powered by Groq as a default option, but you can also use GPT-4 by providing your own API key (the key is not stored anywhere, but is sent to the server). To switch LLMs hit the settings icon in the top right. I'd love feedback on the idea and the experience of using it!
More dev tools this month
the category →
Open-source GTM skills for technical founders
Dev tools · 29d ago · gtmcofounder.com
OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.
Dev tools · 2d ago · opentrailpaper.com
Launched alongside, April 2024
the whole month →
Supabase▲2,328The Postgres developer platform is now generally available
Dev tools · 2024 · supabase.com
Cal.com Platform▲1,602Build your pixel-perfect booking experience with Atoms
Dev tools · 2024 · cal.com
deco.cx 2.0▲1,080Build web apps 10x faster with Deno, JSX, TS & Tailwind
Dev tools · 2024 · decocms.com
