I got a rude email. AI fixed it for me!

Tom Smykowski
2 min readJan 13, 2024

--

Bits and pieces came together. Now I don’t have to rely on the sender communication skills anymore

After considering how Nicer should work, it became clear a user should be able to select any text they see and improve it.

It would make it possible to improve Slack messages, Gmail emails, forum replies, social media comments, tweets and everything else 🤓

But how should it work? Maybe a button in the browser menu? Nah, that's inconvenient. So, maybe an icon next to the text? That would be great! 😎

The solution posed some issues. I'd need to recognize when a user selects a text they want to improve. I'd need to be able to grab the text and replace it in place with the improved version 😑

Also, I'd need to somehow display a button next to the text selected. Taking into account it should work in any web app and on any website, it didn't seem to be trivial 😨

Ah, and what if the user chooses another portion of the text? How to display the button? Should it disappear and appear in the new place? It would introduce annoying flickering 😵

So I chose for now to animate the movement of the icon and added opacity to make it less intrusive. It sits there waiting for the activation. It's not the final design, but it was good enough to actually enjoy using it and clicking. 😅

After connecting bits and pieces I came up with something. Connecting it with my previous code to handle AI text improvement was quite easy 💪

Ah voila, I'm able to make every message I see on the web nicer:

It's a hypothetical email, not real

What do you think about it? Would you use it? Cheers!

If you want to support this project check my previous articles!

--

--

Tom Smykowski
Tom Smykowski

Written by Tom Smykowski

🚀 Senior/Lead Frontend Engineer | Angular · Vue.js · React | Design Systems, UI/UX | Looking for a new project! 📩 contact@tomasz-smykowski.com

Responses (2)