Can't imagine myself building this in a day without Claude AI

It started with the prompt "Create a custom SVG dots pattern builder" Then, you ask Claude AI all sorts of options, like add rotation, fg and bg colors, different shapes, size, etc. With Artifacts, it creates the Preview as you go which is amazing for experimentations. The hardest part is when it reaches the code limit. It will cut and the Artifact will stop previewing. The code is still great though! That's when you start bringing the project to a Create React App using VSCode. You probably have to install a few libraries that Claude is using like lucide-react and a styling library like @tailwindcss. Claude can adapt to any framework that you want. So 1,100 lines of code later, a few hard things I'm working on: - SVG Animations (works! as seen in the demo) - Custom SVG shape, which is super interesting = custom branding (works). - Export to video (50% working with ffmpeg) - Adding text layers and custom icons These images were created using this tool! If you're interested in a course, let me know

This is crazy, it would be awesome to add it to real websites.

@NeehalSayad Quite possible bc it’s all svg. Works for figma, as a video intro or for websites.

cool! If you could share the entire process of creation through Claude AI, I would greatly appreciate it.

thinking of doing a course if there's interest

This would be such a cool @figma plugin!

@figma Figma needs to support SVG animation🤞

Skill issues But honest question, if you can’t build it yourself, and you just have ai do it for you, do you feel any satisfaction? I feel like part of being a programmer is the satisfaction you get after creating something cool, otherwise you just speed run copy paste

Is that a website or Mac app? 👀

It's a website. but I'm sure Claude can convert to any app. 👀