Skip to content

Cinderella

An interactive, persistent, and intelligent fashion game world where customers continuously flow in to create their own hyperrealistic avatars.

Core trick

A Gemini stylist recommends complementary garments in a canvas storefront, then Imagen renders a try-on of the chosen outfit.

Tags

Description

An interactive, persistent, and intelligent fashion game world where customers continuously flow in to create their own hyperrealistic avatars. At the heart of the experience is Shiro, an enthusiastic AI receptionist and stylist who guides each user through curated sections like upperwear and lower wear. As customers select their desired apparel, Shiro intelligently recommends complementary pieces to create cohesive, stylish outfits. Once the look is complete, Shiro escorts them to the virtual try-on closet, where they experience a stunning, hyperrealistic fitting of their chosen outfit—bringing digital fashion to life in an immersive and personalized way.
prasad-yashdeep/Cinderella_Store★ 00 forksHTMLCreated Feb 28, 2026 · last push Feb 28, 2026

README excerpt

# 👗 Cinderella — AI-Powered Virtual Clothing Store

> A browser-based virtual boutique where an AI stylist helps you shop, try on clothes, and build outfits — all rendered in real-time Canvas 2D with a game-like experience.

**Live Demo:** [gamecraft.clawbridge.org](https://gamecraft.clawbridge.org)

![Canvas 2D](https://img.shields.io/badge/Rendering-Canvas%202D-orange)
![Gemini](https://img.shields.io/badge/AI-Gemini%202.5%20Flash-blue)
![Imagen](https://img.shields.io/badge/TryOn-Imagen%204.0-green)
![Zero Dependencies](https://img.shields.io/badge/Frontend-Zero%20Dependencies-brightgreen)

---

## 🎮 What Is This?

Cinderella is a **virtual clothing store disguised as a game**. You walk through a beautifully rendered boutique, chat with an AI stylist named **Shiro**, browse real Zara products, create a personal avatar, and virtually try on clothes using AI-generated imagery.

It's not a static e-commerce page. It's an **interactive experience** — you physically walk your character between rooms, interact with products on shelves, and have real conversations with an AI that remembers your style preferences.

### Core Experience
1. **Enter the boutique** — Shiro greets you at reception
2. **Browse rooms** — Walk to Upperwear or Lowerwear collections
3. **Interact with products** — Click items on shelves, add to cart
4. **Chat with Shiro** — Get personalized style advice and outfit pairings
5. **Create your avatar** — Upload photos, set measurements
6. **Virtual try-on** — AI

Team