# Clotho — Digital Wardrobe & On-Device Outfit Studio

> Clotho is a private, local-first web and mobile application designed to organize wardrobes, create outfits on a 7-slot mannequin canvas, track outfit streaks in a monthly calendar diary, and remove image backgrounds in 0.2s using on-device AI.

## Key Features & Highlights
- **On-Device AI Background Removal (Auto-Cut & Magic Wand)**: Removes photo clutter directly in WebAssembly/Canvas in under 200ms without sending user photos to cloud servers. Supports Apple .HEIC format and manual brush/wand refinement.
- **7-Slot Mannequin Studio**: Layer headwear, necklaces, tops/jackets, bottoms, footwear, bags, and wrist accessories on an interactive silhouette to audition proportions and silhouettes before getting dressed.
- **Outfit Calendar & Daily Style Streak (🔥)**: Daily lookbook diary to log worn outfits, track consecutive daily style streaks, and view insights such as most frequently worn pieces and color combinations.
- **Multi-Color Drawer & Tonal Dressing**: Filter items across multiple color palettes simultaneously (e.g., camel + cream + black) and categorize garments with 32 noble textile fabric tags (cashmere, silk, linen, merino wool, alpaca, etc.).
- **100% Privacy & Data Sovereignty**: All data is stored locally in the user's browser IndexedDB. Zero ads, zero tracking scripts, zero remote user database. Seamless 1-tap backup and restore with your preferred cloud file service and local JSON files.
- **Progressive Web App (PWA)**: Installable on iOS (Safari Add to Home Screen), Android, macOS, and Windows with standalone offline-first support.

## Official Links
- Web Application: https://clotho.zinco.cc
- Documentation & Showcase: https://info.clotho.zinco.cc (or https://zjncoo.github.io/clotho/)
- Author & Portfolio: https://zinco.cc

## Technology Stack
- Next.js 14, React 18, TypeScript, Tailwind CSS, Lucide Icons, idb-keyval (IndexedDB), Canvas API, WebAssembly image segmentation.