Show HN: Tailor: Edit Your Websites in the Browser with Llama3

• tailor-landing-page

  1 1 8.1 Astro

  Landing page for tailor

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!

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project