How to Design a Portfolio Website With Claude Code

In this video, I walk through my process for using Claude Code to design a portfolio website. I show my full workflow from collecting design inspiration, exploring design directions, and ultimately publishing the website design. This workflow leverages design with AI to create a compelling design portfolio.

✨ Launch your portfolio faster than ever before with Lofi – my Framer portfolio template ✨
https://temploton.com/

View my whole playlist for improving your UI/UX Design portfolio here:

–––
TOOLS MENTIONED:

Design inspiration:
https://mobbin.com/?via=taeonlinehd
https://savee.com/
https://pafolios.com/
https://www.wallofportfolios.in/?company=All
https://www.designspells.com/

AI design exploration:
https://variant.com/

Vibe coding:
Claude + Cursor

Getting the portfolio live:
https://vercel.com/

#aitools #portfoliodesign #aigenerated #uiux #uxportfolio #designportfolio #claudecode #vibecoding #portfoliowebsite