Closet of Enchantment

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a polished interactive 3D fashion-styling application titled “Closet of Enchantment,” presented as a boutique dressing studio rather than an action game. Use a full-screen Three.js-style scene with a warm blush/cream background, soft fog, tone-mapped lighting, and a fixed UI overlay. The camera is a perspective orbit camera aimed at a stylized female fashion avatar standing centered on a small gold display plinth and round pale rug. The avatar should be a low-poly/formal 3D woman with visible face, arms, hands, hair, and a long outfit, lit by a warm key light from the upper left/front plus cool fill and soft shadows. Place a full-length rectangular mirror with a gold frame on the back-left wall, a slim gold console/table beneath it, and a minimal cream boutique interior with pale walls and a warm neutral floor. Start with the avatar in a dark green/neutral-looking long dress if the model permits, with reddish-brown hair; the code’s default style data is dark brown hair, warm ivory skin, rose makeup, and berry/dress coloring. Load/use an idle animation if available and keep the avatar subtly animated while standing.

The core interaction is selecting fashion/style pieces from a wardrobe panel. On desktop, put a translucent off-white rounded wardrobe panel on the right side, approximately 390px wide, inset from the viewport edges. On mobile, move it to the bottom as a rounded panel around 42% of viewport height, with a three-column item grid. At the top-left of the scene, show the branding: small spaced uppercase “ATELIER 08 · STYLING STUDIO,” large title “Closet of Enchantment,” and the subtitle “Curate a look that feels entirely yours.” The wardrobe header says “THE COLLECTION,” displays the current category name, and shows category-specific helper copy: “Build a soft, luminous finish” for Makeup, “Choose a complexion mood” for Face, otherwise “Tap to try pieces from the edit.” Include a circular heart/save icon in the header.

Create horizontally scrollable category tabs for exactly these categories: Hair, Face, Makeup, Tops, Dresses, Bottoms, Outerwear, Shoes, Jewelry, Bags, Accessories. Hair is selected initially and uses a dark wine/purple pill with white text; inactive tabs are pale cream with muted gray-purple text. Each category has exactly three or four selectable cards matching these names and colors: Hair—Sleek Bob (#3d2725), Golden Waves (#c78d56), Midnight Pony (#201c22), Copper Braid (#a65d3d); Face—Warm Ivory (#d8a27e), Porcelain Rose (#efc0aa), Sunlit Honey (#b97851); Makeup—Rose Quartz (#c67889), Editorial Plum (#70405c), Soft Bronze (#c88b63); Tops—Satin Cowl Top (#b88794), Silk Camisole (#e8d9ce), Lace Peplum (#70465c); Dresses—Midnight Slip Dress (#4b3447), Champagne Column (#d8b98a), Berry Velvet Gown (#7c415b); Bottoms—Champagne Skirt (#d6b98d), Ink Tailored Trouser (#343241), Rose Pleated Midi (#c98593); Outerwear—Velvet Blazer (#4f3148), Ivory Trench (#d9cbc1), Satin Cape (#8e6377); Shoes—Pearl Pumps (#f2d9cf), Black Ankle Boots (#29242b), Rose Sandals (#c97982); Jewelry—Gold Layer (#d6a360), Pearl Drop (#f2eee5), Silver Choker (#b9bcc7); Bags—Mini Clutch (#b2765e), Ivory Top Handle (#e1d7cc), Berry Shoulder Bag (#713e52); Accessories—Silk Headband (#b77b83), Crystal Tiara (#e6c3cd), Oversized Shades (#312b35).

Render each card as a compact rounded pale card with a thumbnail area containing a simple colored abstract silhouette/shape, the item name, and a small colored dot followed by “[category] edit.” The currently equipped item has a rose outline and slight elevation/shadow. Clicking an item marks it equipped, updates the corresponding style color (hair, skin, makeup/lip, or outfit color), applies the available visual change to the avatar, rerenders the cards, and displays a temporary dark toast such as “[item name] added to your look.” Hair and Face should recolor matching avatar meshes; outfit categories should create/recolor a simple fitted wearable garment around the avatar; Dresses include a torso plus flared skirt, Tops a torso garment, Bottoms a flared skirt-like lower garment, Shoes add two small pumps, Jewelry/Accessories add a gold necklace-like ring, and Bags add a small handbag. Preserve the app’s actual simple implementation rather than requiring a sophisticated clothing simulation.

At the bottom of the wardrobe include three rounded buttons: “Reset look,” “Close-up face,” and a wine-colored primary “Save outfit.” Reset restores the default equipped values (Sleek Bob, Warm Ivory, Rose Quartz, Satin Cowl Top, Midnight Slip Dress, Champagne Skirt, Velvet Blazer, Pearl Pumps, Gold Layer, Mini Clutch, Silk Headband), reapplies the default colors, rerenders the active tab, and shows “Your look is back to its signature edit.” Save outfit, including the heart button, stores the equipped selections and style colors in local storage under a closet-enchantment key and shows “Look saved to your atelier.” Close-up face changes the orbit target upward toward the face, narrows the camera distance limits, moves the camera in closer, and shows “Close-up face mode.”

Outside the panel at lower left, show three circular translucent controls: minus for zoom out, plus for zoom in, and a rotate arrow. They must work with the orbit camera: zoom controls dolly in/out, and rotate increments the avatar’s rotation by 90 degrees then shows “View rotated.” Allow mouse/touch dragging to orbit, disable panning, constrain vertical orbit angle, enable damping, and allow scroll zoom. Add the subtle bottom hint “Drag to rotate · scroll to zoom · tap an item to style.” Toasts appear centered near the top with a dark plum background, rounded pill shape, and short fade/slide transition. Every few seconds, show the existing ambient toast “A new detail changes everything.” Use elegant editorial typography: a display serif for titles and a clean sans-serif for controls, with a restrained palette of cream, blush, muted mauve, wine purple, charcoal, and gold. Ensure the layout is responsive and the 3D avatar remains the visual focus behind the semi-transparent wardrobe UI.