Skip to main content

Command Palette

Search for a command to run...

Vibe coding takes over Frontend Development.

Published
4 min read
Vibe coding takes over Frontend Development.
A

Hey Everyone ! ⚡ I'm Aman a Front-End developer 👨‍💻. I post content about web development, programming tips, self-improvement and everything in between. Happy Reading ☺

So recently I was browsing through Hugging Face Spaces and I came across this space by enzostvs and I must say, I was Impressed!

There's this new AI tool Deepsite that just came out, you tell it what you need, and it builds a whole website for you on the spot. It uses deepseek to generate the code and give outputs.

I saw this space and started Vibe Coding (Vibe Code responsibly). It was incredibly efficient in making modern UI templates, it one shot my request for making a star wars themed portfolio page for Tech Bros. It was not just another AI slop which would take me hours of debugging to make it look good. I just gave it the prompt and the results were magnificent. While I did need to tweak some of the content, what surprised me was how it added quirky Star Wars references on its own. It even included an easter egg on the website, which popped up after typing a password on the screen, even though I hadn’t asked for anything like that. I’ll add the screenshots below so you can see for yourself. It added star war themed icons from Fontawesome and used Tailwind UI. What makes it truly impressive (and a bit scary) is that it selected the appropriate fonts, icons, and overall theme automatically. The inclusion of the easter egg was the cherry on top. This AI agent understands what the user wants and delivers a near-perfect output.

The following was the Easter egg which the AI agent embedded in the code without being prompted. The entire content for this was written by the AI itself. I was mind blown upon seeing this, this was really something creative and unexpected.

I began tinkering with it and after a while, I had this idea to test it further. So I prompted it to make a game, a simple Nation Economy Simulator. The prompt I fed it was, make a Nation Economy Simulation game in which the user is responsible for handling all the economic metrics for a nation, example - Taxes, interest rates, nation budget and etc. I asked it to judge the game on the basis of various indexes like the GDP of a country or the Happiness index, poverty and so on. I also asked it to use orange undertones for the theme of the website and make the design minimal and according to the modern UI standards.

And, Oh boy it did not fail me. Once again, it delivered a really impressive frontend UI for the game and a pretty simple but on point game system. It calculated the user’s progress on the basis of the metrics I asked it to, and honestly, the results seemed pretty accurate. Although it produced the UI and the basic frontend template in one shot, I did have to give a few more prompts to fine-tune the game’s metric calculations and optimize the overall flow.

The above two websites produced by Deepsite serves as excellent example that Frontend jobs would soon be out of market. But, there might be a Silver lining here, as SQL was introduced for Business people to analyze the Databases themselves but it ended up requiring SQL Developers to the work so following along the same line, I think AI would require a specific set of prompts to give the desired outputs and on top of that it would still require a bit of debugging for complex UI frameworks. So the people who possess thorough knowledge on the skills, I think they might be safe. For now.


Now I’d like to talk a little about Vibe Coding. The term was coined by an ex-openAI engineer Andrej Karpathy. To be specific the following is the tweet by him.

As the tweet says hands-off coding, which literally means just prompting the AI to make apps for you, debug them and even push them to production. Because of this, more and more AI-generated slop is being pushed onto the internet. While many people have taken advantage of this trend by launching their own SaaS products, vanilla Vibe Coding comes with its downsides. The issue is that when people don’t fully understand the codebase, they often overlook critical aspects like keeping APIs and auth keys private.

A recent example involved someone who built a SaaS app and tweeted about it. Within a few hours, hackers found vulnerabilities in the poorly written codebase and dismantled the entire application. In the end, the creator had to take the website down completely.

A handful of AI business leaders are claiming that most code will be AI-generated by the end of next year. But I still believe that relying solely on "vibes" for coding is a bad idea. AI-generated code can only truly thrive when experienced developers are involved, people who can debug the apps, fine-tune the details, and get everything production-ready. Without that level of expertise, it’s easy for things to fall apart.

💡
Vibe code responsibly!