Back to Portfolio

Building this Website with Cursor

AI-Assisted Development2024

This site was designed and built using Cursor, combining hands-on coding with AI-driven development powered by Claude 4 Sonnet.

The goal was to create a sleek, professional portfolio that reflects my sensibilities as a UI-focused, staff-level frontend engineer. I provided the AI with a structured prompt, including layout guidance, and iterated interactively to fine-tune both form and function.

The result is a minimal, black-and-white themed site — optimized for readability and performance, while emphasizing my design precision and engineering depth. The site is kept private (non-indexable) and is easily deployable to a free Vercel plan.

The tech stack includes Next.js + TypeScript for the framework, Tailwind CSS for styling, Biome for linting/formatting (replacing Prettier and ESLint), a monochrome design with black background and white text, hidden from search engines via noindex/nofollow, and zero-config deploy on Vercel.

Notable Technologies

CursorClaude 4 SonnetNext.jsTailwind CSSFramer MotionBiomeTypeScriptVercel