I was getting tired of all my sites having the same generic fonts and having AI generated writing because it's cumbersome to experiment.

You can ask an agent to give you some font ideas but they link out to a specimen where you imagine what it might look like on your site. You ask the agent to wire it up and it looks different than what you thought.

I just wanted to be able to play with fonts in the project itself, as well as the ability to edit the text where I saw it, on my live project via local dev server without needing Lovable or some other platform to do it. And then the one I pick is exactly what I get in the live environment.

Font Lab lets you see several font options right in your site. If the agent can access your local computer (ex: cursor), it can install the Font Lab panel, curate options from any Google font, and then let you swap them in real time on your localhost dev server. If you're using web or a non-supported framework, it can generate screenshots with the fonts on your site so you can still really see what it would look like for your project.

You can also double click on any text on your site to edit in-place. Just hit enter and it saves right to the file. You can then see the edits exactly where they will be on your site. While you can edit text in the files manually, it takes a lot of time. Or you can use prompts, but it's annoying and burns tokens.

Panel/text edit currently works on Next.js. Other frameworks should default to screenshots.

Live demo on the repo and a copy-able prompt! If you try it out, I'm open to any feedback.