Agencies charge $5,000 for a portfolio site that looks this good
I built mine in 2 hours. Here's exactly how
This is the real walkthrough - not a generic template guide
I'm using my own portfolio as the example: references I actually used, prompts I actually sent, bugs I actually hit and fixed.
No coding experience needed
---
## Step 1: Install Design Skills
By default Claude's design output is mediocre. Same fonts, same layouts, same flat look. Two skills fix this
• Frontend Design - built by Anthropic. Runs in the background, blocks overused fonts like Inter, pushes bolder layouts, improves copy quality.
Paste this into Claude Code:
> Install this skill: github. com/anthropics/skills/tree/main/frontend-design
Allow changes when prompted. Install globally
• UI/UX Pro Max - 57 interface styles, 95 color palettes, 56 font pairings. You call it directly when building.
Paste this into Claude Code:
> Install this plugin using NPM: github. com/nextlevelbuilder/ui-ux-pro-max
Switch the mode selector to Auto mode so Claude works without asking permission at every step
---
## Step 2: Find References
Generated by Thread Navigator
Press ⌘ + S to quick-export