LiveThis website
heysriram.com
My portfolio, rebuilt from a 2020 Bootstrap site into a fast Next.js app by pairing with an AI coding agent.
Visit projectWhy I built it
My old site was a hand-built Bootstrap page from 2020 with my portfolio stuck inside a PDF. I wanted my real work on real pages, without spending weeks hand-coding it.
How it was built
- 01
Direction
Defined the type pairing, colour tokens, spacing scale and motion rules first, so every prompt had a clear design system to follow.
- 02
Pair-building
Described each section in plain language, reviewed the generated components like a design crit, and pushed back on anything that felt generic.
- 03
Polish
Tested in the browser at every breakpoint, cut each project out of the old portfolio PDF onto its own page, and tuned motion by hand.
What I learned
- AI is fast at structure; taste still has to come from you.
- A written design system makes prompts dramatically better.
- Years of hand-writing HTML and CSS are what let me review the output, not just accept it.
