Building in the open with AI systems

Practical examples of AI-assisted product development. Every project documented with prompts, process, and lessons learned—because the future of work is human + AI collaboration.

Current AI-Assisted Projects

This Portfolio Website

Live ProjectNext.js + TypeScript
Updated: January 2025

The Challenge

Create a professional portfolio that demonstrates AI-assisted development capabilities while maintaining high design standards and performance.

AI Tools Used

  • Claude Sonnet 4 - Architecture, component design, and optimization
  • GPT-4 - Initial scaffolding and content generation
  • GitHub Copilot - Code completion and debugging

Key Features Built

  • • Responsive design with smooth scroll animations
  • • TypeScript + Framer Motion integration
  • • Performance-optimized image handling
  • • SEO and accessibility compliance
  • • Modular component architecture

"You Do You" Values Discovery Workshop

ActiveMobile App Flow
Launch: 2024

Project Overview

Interactive coaching app that guides users through a values assessment process, helping them identify their core values and connect them to career decisions.

AI-Assisted Elements

  • UX Flow Design - AI-generated user journey mapping
  • Content Creation - Values descriptions and assessment questions
  • Visual Design - Color palette and component styling
  • Personalized Outcomes - Dynamic results based on user selections

Technical Implementation

  • • Mobile-first progressive web app
  • • Tournament-style value comparison algorithm
  • • Real-time progress tracking
  • • Integrated booking system for follow-up coaching
  • • Analytics for user engagement optimization

My AI Development Philosophy

Transparent Process

Every AI interaction is documented. Prompts, iterations, and decision points are shared openly to build trust and demonstrate methodology.

Human + AI Hybrid

AI accelerates development but human judgment drives strategy, quality, and ethical considerations. The goal is augmented intelligence.

Value-Driven Results

Every AI-assisted project must deliver measurable user value while maintaining accessibility, performance, and ethical design principles.

Pipeline: Upcoming Builds

E-commerce Analytics Dashboard

Planning

AI-powered insights dashboard for e-commerce strategy teams. Will demonstrate data visualization, natural language queries, and automated reporting.

Planned Stack: React, D3.js, OpenAI API

Career Coaching Automation

Research

AI-assisted career coaching tools that help identify core values and create actionable development plans. Testing ethical AI in personal development.

Planned Stack: Next.js, Claude API, Supabase

AI Development Toolkit

AI Models & Platforms

Claude Sonnet 4GPT-4 & GPT-o1GitHub CopilotCursor AIv0.devReplit Agent

Technical Stack

Next.jsTypeScriptReactTailwind CSSFramer MotionVercelSupabase

Core Competencies

  • • Prompt engineering & chain-of-thought reasoning
  • • AI-assisted code review and optimization
  • • Responsible AI implementation patterns
  • • Human-AI workflow design
  • • Performance monitoring for AI-generated code
  • • AI tool evaluation and selection

Want to explore AI-assisted development together?

I'm always interested in discussing AI workflows, sharing learnings, or collaborating on projects that push the boundaries of human-AI collaboration.