How to Vibe Code a Logomaker in 10 Days(medium.com)
8 pointsby johnnyfived9 months ago8 comments
  • xnx9 months ago
    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."

  • Mountain_Skies9 months ago
    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.
  • chmod7759 months ago
    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.

    • johnnyfived9 months ago
      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.
    • dockercompost9 months ago
      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.
  • matt_heimer9 months ago
    Seems about right for AI generated code. It breaks words on any letter and on mobile the default text "Manic" ends up as:

    Mani

    c

    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.

    • dgfitz9 months ago
      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.

  • abetancort9 months ago
    [flagged]
  • okokwhatever9 months ago
    I just came to bring the calculator for all the hate you're going to receive. Popcorn.
  • lukev9 months ago
    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.

  • johnnyfived9 months ago
    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/.