How to Vibe Code a Logomaker in 10 Days | Hacker News Reader

How to Vibe Code a Logomaker in 10 Days

medium.com

8 pointsjohnnyfived12 comments

Amazingly, Gemini has gotten so good that you can one-shot this: https://g.co/gemini/share/7f98e1145bc0

I was too lazy to prompt it with full requirements, but it did very well for a first attempt with: "Create a single page web app using vanilla javascript that allows the user to enter up to 40 characters of text and has interface controls for many css attributes including: font-family, size, letter-spacing, text-transform, weight, text-decoration, style, padding, rotation, color, border color, animation, etc."

Seems pretty harmless. There's no PII or PCI data. It doesn't interact with the physical world. I'm far more concerned about "vibe" coding being used in situations where it can cause real harm. Human coders can and do make mistakes of that type but there are review processes to catch them. In theory, the same reviews could be used for vibe code but the big appeal of it is cutting out the type of people who can identify and correct such defects.

Was the AI playing codegolf? I'm used to AI writing needlessly verbose code and confusing itself with its own comments. This is the polar opposite, but equally horrifying.

Is it a strategy to fit more code into its context window?

https://github.com/manicinc/logomaker/blob/master/js/fontMan...

It's rather impressive because the result works.

Oh god that's gnarly. I'm pretty sure you're right about it being a strategy to fit more into the context window. Prior to Windsurf changing their credit system I'd thought about purposefully limiting my file lengths to fit under multiples of 100 to use fewer of the defunct flow credits.

Great catch, I noticed this with Gemini specifically, while GPT-4o and Claude would just insert placeholders. Gemini would actually enforce generating full scripts by means like this. And higher-level logic looks human-readable, though this might be because I prompted Gemini multiple times to make more usable code.

Seems about right for AI generated code. It breaks words on any letter and on mobile the default text "Manic" ends up as:

Mani

Switching to desktop view doesn't cause the default text to wrap... So I guess you get different logo generation depending on browser size? Or at least different previews.

I'd expect a logo generator to never break words in-between letters unless explicitly asked for.

AI generated code is useful but it shouldn't be trusted to be complete.

I have the same result.

My only thought was: if my employer paid me for 2 weeks (10 days) of work and this is what popped out the other end, I would be looking for a new employer, this isn’t acceptable where I work.

[flagged]

And counting

I just came to bring the calculator for all the hate you're going to receive. Popcorn.

I hate this app and I hate its code.

I think the fact that this can happen at all is important.

And whoever can contextualize this capability in the context of "real" software development will be the victor.

Logomaker (https://github.com/manicinc/logomaker) is a web and desktop app designed and developed entirely by LLMs over a period of 10 days, to see how far vibe coding can take you.

Try the app free forever on GitHub pages: https://manicinc.github.io/logomaker/.

Reply on news.ycombinator.com