Ask HN: Best practices for building front ends with AI assistance?

3 points | by sukit 244 days ago

5 comments

  • muzani 244 days ago
    Claude is surprisingly bad with UI. Nearly every other is better at it. GPT-4o is proper multimodal, while Claude is a mix. I'm not sure about GPT 4.1, but it seems to gave better results than 4o.

    You should be able to get good enough results with just a screenshot.

    It stumbles on newer things like Next.js though. I'm always amused by the people who think it's taking jobs. It's always going to be mid; it has to be trained on someone's code.

    It makes some good guesses, and often gets the color or font weights close. One trick is to have it go over your design system and summarize everything into ui.md and such.

    • sukit 242 days ago
      That makes sense — I’ve mostly been using Claude (Sonnet), so I’ll give the GPT-4 series a try and see how it compares. Thanks for the suggestion!
    • anthony_franco 243 days ago
      Connect your coding tool to a browser (like with the playwright MCP) and just let it iterate on its own until it matches the design you want.
      • sukit 242 days ago
        That’s a great idea. I haven’t tried connecting to a browser with something like Playwright before.
      • 9d 244 days ago
        Why not just learn CSS and write it manually?
        • sukit 242 days ago
          Yeah, you’re right — at some point I just have to learn CSS more deeply.
        • moomoo11 243 days ago
          Try figma make
          • sukit 242 days ago
            Appreciate it, I’ll check it out.