I turned my LinkedIn profile into a portfolio website using Claude AI and Elementor.

I wanted to give my portfolio website a fresh look, so I decided to see how far AI could actually help with the process. In this video, I used Claude AI to generate the UI for my homepage based on my LinkedIn profile. Claude created a PNG mockup along with the matching HTML code. The next step was turning that HTML into an Elementor JSON template for WordPress. Before jumping in, I actually asked Claude directly: "Do you have the capability to convert an HTML file to an Elementor JSON file?" It told me: "Unfortunately, no — that's not something I can do reliably." Instead of stopping there, I uploaded an existing Elementor JSON template so Claude could study its structure first. Once it understood the format, it successfully converted my HTML homepage into a working Elementor JSON template, including the header and footer. From there, I uploaded the template to WordPress, fixed a few image links, tweaked some section padding in Elementor, and, just like that, my portfolio website was fully functional. If you're curious how far AI tools like Claude can go for real web design work, this video walks through the entire process step by step.