Skip to content

Dzyner AI

An AI-powered design assistant for small companies that generates brand-consistent visual designs. Users upload brand materials and reference images, then request custom designs through a chat interface.

Core trick

Analyzes uploaded brand documents with GPT-5 to write brand-constrained prompts, then generates images with GPT-Image-1.

Tags

Description

AI Designer App - Comprehensive Implementation Plan Project Overview An AI-powered design assistant for small companies that generates brand-consistent visual designs. Users upload brand materials and reference images, then request custom designs through a chat interface. Core Concept **Input**: Brand documents (PDFs, DOCs) + Reference images + Design requests **Processing**: GPT-5 brand analysis + GPT-5 prompt generation + GPT-Image-1 generation **Output**: Custom brand-consistent visual designs Frontend Architecture Technology Stack **Framework**: React 18 + TypeScript **Build Tool**: Vite **Styling**: Tailwind CSS + shadcn/ui **State Management**: React Query + Context API **Routing**: React Router DOM **Real-time**: WebSockets for progress updates
maaz-codes/ai-designer-hackathon★ 00 forksTypeScriptCreated Aug 24, 2025 · last push Aug 24, 2025

README excerpt

# AI Designer App - Comprehensive Implementation Plan

## Project Overview

An AI-powered design assistant for small companies that generates brand-consistent visual designs. Users upload brand materials and reference images, then request custom designs through a chat interface.

## Core Concept

- **Input**: Brand documents (PDFs, DOCs) + Reference images + Design requests
- **Processing**: GPT-5 brand analysis + GPT-5 prompt generation + GPT-Image-1 generation
- **Output**: Custom brand-consistent visual designs

## Get started with the project
To get started and check how to use, click [here](GET_STARTED.md)

---

## Frontend Architecture

### Technology Stack

- **Framework**: React 18 + TypeScript
- **Build Tool**: Vite
- **Styling**: Tailwind CSS + shadcn/ui
- **State Management**: React Query + Context API
- **Routing**: React Router DOM
- **Real-time**: WebSockets for progress updates

Team