Lumi AI ‑ Alt Text & SEO

AI-powered Shopify app that generates WCAG-compliant alt text and SEO-optimized product copy using Vision AI, processing 1,000+ products in under 5 minutes.

  • Remix
  • TypeScript
  • OpenAI API
  • Google Vision AI
  • Upstash Redis
  • Prisma
  • Vercel
  • Zod
Lumi AI ‑ Alt Text & SEO

Overview

Lumi AI is a full-stack Shopify app that uses Vision AI to automatically generate WCAG-compliant alt text and SEO-optimized product copy. The app addresses accessibility compliance risks while boosting search rankings through intelligent content generation. It processes entire product catalogs in bulk—handling 1,000+ products in under 5 minutes—and automatically syncs new products to keep stores current. Beyond technical compliance, Lumi AI matches brand voice through customizable tone and style settings, ensuring generated content feels authentic to each merchant's brand.

Project Scope

  • The Problem: Missing alt text creates accessibility gaps and exposes stores to ADA/WCAG compliance risks. Manually adding alt text and SEO copy to thousands of product images is time-consuming and error-prone. Existing tools often lack the quality, brand voice customization, or bulk processing capabilities needed for modern e-commerce stores.
  • The Solution: I built a scalable content generation engine powered by Vision AI that scans product images, generates WCAG-compliant alt text, and creates SEO-optimized titles, meta descriptions, and product copy. The system processes products in bulk with real-time progress tracking and includes brand voice analysis to match each merchant's unique tone and style.
  • My Role: I served as the lead engineer, responsible for the Remix frontend, serverless backend architecture on Vercel, and integration with multiple AI providers (OpenAI, Google Vision AI). I implemented resilience patterns including circuit breakers and adaptive rate limiting to handle high-volume processing reliably.

Key Features

  • Vision AI Alt Text Generation: Uses advanced Vision AI to scan product images and automatically generate WCAG-compliant alt text that supports ADA compliance.
  • SEO Content Generation: Creates SEO-optimized titles, meta descriptions, and product copy to improve search rankings and organic visibility.
  • Brand Voice Matching: Analyzes existing content to understand brand tone and style, then generates new content that matches the merchant's voice automatically.
  • Bulk Processing: Processes 1,000+ products in under 5 minutes with real-time progress tracking via server-sent events.
  • Auto-Sync: Automatically detects and processes new products as they're added to the store, keeping catalogs current without manual intervention.
  • Review Before Publish: Allows merchants to review and approve generated content before applying changes to their store.

Tech Stack

  • Remix (React/Node): I leveraged Remix for its server-side data loading capabilities (loader/action pattern), which simplifies integration with Shopify's embedded App Bridge and eliminates client-side waterfalls for faster page loads.
  • Multi-Provider AI Integration: Integrated both OpenAI and Google Vision AI APIs with circuit breaker patterns to handle timeouts and provider outages gracefully, ensuring the app remains responsive even when AI services experience latency.
  • Upstash Redis & Workflows: Used Upstash to manage job queues and state for bulk processing in a serverless Vercel environment, avoiding the operational overhead of managing long-lived Redis instances while supporting high-volume background jobs.
  • Prisma & PostgreSQL: Implemented connection pooling to prevent "too many connections" errors common in serverless functions, ensuring reliable database access during traffic spikes and bulk operations.
  • Zod: Implemented runtime validation for all environment variables and external API responses, moving beyond TypeScript interfaces to catch configuration errors and malformed data at runtime.