How to Design a Portfolio Website With Claude Code
▎LINKS & RESOURCES
Using some of the links below, I may receive a small commission at no extra cost to you. This is the easiest way to support me and helps me continue making content like this for you. Appreciate you!
Launch your portfolio in days, not months:
Explore my Framer template Lofi: https://lofi-folio.framer.website/
Get started with Framer: https://framer.link/devantaebison
View my whole playlist for improving your UI/UX Design portfolio here:
https://youtube.com/playlist?list=PL90L0lg9aEt99WJiVuxWJRgHQKxry0qSf&si=a4HHXwl6SrvyVUwV
My favorite sites for 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/
▎VIDEO OVERVIEW
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.
#aitools #portfoliodesign #aigenerated #uiux #uxportfolio #designportfolio #claudecode #vibecoding #portfoliowebsite
Using some of the links below, I may receive a small commission at no extra cost to you. This is the easiest way to support me and helps me continue making content like this for you. Appreciate you!
Launch your portfolio in days, not months:
Explore my Framer template Lofi: https://lofi-folio.framer.website/
Get started with Framer: https://framer.link/devantaebison
View my whole playlist for improving your UI/UX Design portfolio here:
https://youtube.com/playlist?list=PL90L0lg9aEt99WJiVuxWJRgHQKxry0qSf&si=a4HHXwl6SrvyVUwV
My favorite sites for 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/
▎VIDEO OVERVIEW
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.
#aitools #portfoliodesign #aigenerated #uiux #uxportfolio #designportfolio #claudecode #vibecoding #portfoliowebsite