AI-Assisted Portfolio

Starting in
Figma Sites.

Figma Sites is where I started my portfolio creation process. I could create my designs in Figma, and seamlessly transfer them into Figma Sites. Unfortunately, I kept on encountering limitations in it. Anything more ambitious, like the animated hero card on the homepage, wasn't really achievable there.

AI-assisted.
Still hands-on.

Token usage is a real constraint. Every prompt costs context, so being vague burns through it fast. I learned to come in with clear direction and correct early rather than late.

The bigger challenge was consistency. At first, Claude would implement the accessibility features that I wanted correctly, but then when I redesigned a section or added a new page, those same features sometimes didn't carry over properly. That meant staying active in manual testing and keeping my debugging specific.

My CS background helped. Understanding how HTML, CSS, and JavaScript interact, knowing libraries like GSAP, and being comfortable with Git meant I could diagnose issues quickly and keep prompts focused. One pattern I kept catching: Claude writing new logic for something that already existed in a shared file. Knowing when to just fix something directly, rather than prompt for it, turned out to be its own skill.

Built for everyone.

Dark mode, high contrast, and reduced motion (with more still to come, like reduced transparency). These were part of the plan, not added at the end. I ran WCAG checks, implemented system-wide preference detection, and made sure the controls are reachable from any page. If you're building something and have the ability to make it more usable, it seems like the obvious call.