Saga Sage

Turn a single sentence into a complete D&D character with AI-generated art

Project Overview

Saga Sage is a full-stack generative AI application that transforms a simple text prompt into a complete, editable D&D character sheet with custom-generated artwork. Built with React, AWS serverless architecture, and integrating both OpenAI GPT for text generation and Stable Diffusion for character portraits.

View on GitHub See How It Works

AI-Powered Generation

Uses OpenAI GPT-4 to generate complete character backstories, stats, abilities, and equipment from a single prompt.

Custom Artwork

Integrates Stable Diffusion to create unique character portraits based on the generated description.

Serverless Architecture

Built on AWS Lambda, S3, CloudFront, and RDS for scalable, cost-effective infrastructure.

Technology Stack

Frontend

  • React with TypeScript
  • Custom CSS with animations
  • Responsive design

Backend

  • AWS Lambda (Node.js)
  • PostgreSQL (RDS)
  • S3 for image storage
  • CloudFront CDN

AI Integration

  • OpenAI GPT-4 API
  • Stable Diffusion XL
  • Custom prompt engineering

How It Works

1

Enter Your Concept

Type a simple description like "A brave elven ranger who protects the forest"

→
2

AI Generates Character

GPT-4 creates stats, backstory, abilities, equipment, and personality traits

→
3

Artwork is Created

Stable Diffusion generates a unique portrait based on the character description

→
4

Edit & Export

Refine details, regenerate sections, and export your complete character

Interface Preview

Character Generation Interface

AI-Generated Character Portrait

Full screenshots and live demo available on GitHub repository

Key Achievements

  • Successfully integrated two different AI models (GPT-4 + Stable Diffusion) in a single workflow
  • Implemented serverless architecture reducing operational costs by 80% vs traditional hosting
  • Built custom prompt engineering to ensure consistent, high-quality character generation
  • Created fully editable character sheets with real-time updates
  • Optimized image generation pipeline for sub-30-second character creation

Want to see more AI integrations like this?

Check out the other demos showcasing different aspects of modern web development

AI Image Generator Demo Back to Portfolio