Uses

Tools, technologies, and setup that power my daily workflow.

Editor & IDE

VS Code

Primary editor. Customized with Vim keybindings, GitLens, Error Lens, and project-specific settings.

Cursor

AI-powered fork of VS Code. Used for rapid prototyping, code exploration, and AI-assisted refactoring in large React codebases.

AI-Assisted Development

Claude Code CLI

My primary AI development tool. Custom skills for code review, MCP server integrations, and automated workflows. Handles debugging, refactoring, and complex multi-file changes across large codebases.

MCP Servers

Connected to GitHub, context7, and Playwright for browser automation. Extends Claude Code's capabilities with external tools and data sources.

Frontend Stack

React + TypeScript

Core building blocks. Strict TypeScript with full type coverage. React 19 with the new compiler for automatic memoization.

Vite

Build tool for production SPAs. Lightning-fast HMR, optimized code splitting, and tree-shaking. Achieved 86% bundle size reduction.

Next.js 16

For content-heavy sites like this portfolio. App Router, Server Components, React Compiler, and Turbopack for instant dev restarts.

Tailwind CSS

Utility-first styling. Combined with class-variance-authority for component variants and tailwind-merge for safe class composition.

Zustand + TanStack React Query

Client state with Zustand (minimal, no boilerplate). Server state with React Query (caching, optimistic updates, real-time polling).

React Hook Form + Zod

Form management at scale — 14+ configurable form types with conditional logic, variable resolution, and runtime validation.

Specialized Tools

React Flow

Node-based workflow editors for AI pipeline visualization. Custom node types, edge routing, and interactive canvas.

Remotion

Programmatic video rendering in React. Powers Vidsheets — batch video generation from spreadsheet data.

Radix UI

Unstyled, accessible primitives for design system components. Dialogs, dropdowns, popovers — all with proper ARIA patterns.

Design & Collaboration

Figma

Design handoff and prototyping. Auto-layout inspection for translating designs to Tailwind utilities.

Git + GitHub

Conventional commits, PR-based workflow, automated code review with CI. Branch protection and squash merges.

Testing & CI

Jest + Vitest

Unit and integration testing. Vitest for Vite projects (faster). Jest for Next.js and legacy codebases.

CircleCI

CI/CD pipeline optimization — reduced test execution time and optimized resource usage for faster team shipping.

Hardware

MacBook Pro

Daily driver for development. macOS for native terminal, Homebrew, and Unix tooling.