← All Projects

Atelier

React TypeScript Node.js MySQL AWS Generative AI

Description

Atelier is an AI-powered storyboarding tool for filmmakers. It streamlines the concept art and storyboarding phases of pre-production by combining conversational AI, image generation, and professional annotation tools into a single workflow.

The flow:

Concept Art Phase

  • Generate concept art through conversation with AI to visualize characters, settings, props, and art styles
  • Upload your own reference images as alternatives to AI generation
  • Build a component library of reusable visual elements with AI-digestible descriptions

Storyboarding Phase

  • Organize your storyboard hierarchically: Acts → Scenes → Shots
  • Compose shots by selecting components from your library and describing the action
  • Generate storyboard frames using AI image generation (Google Gemini -- support for other platforms coming soon)
  • Annotate frames with arrows, text boxes, and camera movement symbols
  • Iterate on shots through conversation until they match your vision

Atlier is a work in progress, and is a purely personal project driven by my love for film and technology.

Tech Stack

Frontend
React 18 TypeScript Tailwind CSS React Query Zustand Fabric.js
Backend
Node.js Express TypeScript MySQL 8.0
Infrastructure
AWS (ECS Fargate, S3, EC2, ALB, Secrets Manager) Git / GitHub Docker
AI
Claude Code (development and automation) Google Gemini (Imagen) (in-app image generation)

Code

Check out Atelier's code repositories on GitHub: