Raritone

byThe raritone

Here’s a comprehensive prompt you can use with an AI app builder (such as Rork AI, Cursor, Claude Code, Lovable, or similar) to build the complete Raritone application with a 2D AI human avatar instead of a 3D model. ⸻ Build the Complete Raritone AI Fashion App Prompt You are an expert team of product managers, UI/UX designers, AI engineers, backend engineers, frontend engineers, DevOps engineers, and security specialists. Build Raritone, a production-ready AI fashion shopping platform that allows users to discover fashion, virtually try on clothes using a realistic 2D AI avatar, and purchase products directly from brands. This is not a demo. Build it as a scalable production application that can be launched on the App Store and Play Store. ⸻ Brand Company Name: Raritone Theme Luxury Minimal Modern Black & White Premium UI Apple-level animations No clutter Smooth transitions Responsive design ⸻ Platforms iOS Android Web Admin Dashboard Vendor Dashboard ⸻ Authentication Email Login Google Login Apple Login Phone OTP Forgot Password JWT Authentication Refresh Tokens Encrypted Passwords Secure Sessions Role Based Authentication Customer Vendor Admin ⸻ User Profile Profile Picture Name Age Gender Height Weight Body Type Skin Tone Measurements Saved Addresses Wishlist Order History Payment Methods Notification Settings Privacy Controls ⸻ AI Body Scan Instead of creating a 3D avatar, Create a high-quality realistic 2D AI human avatar. The process: User stands in front of camera. Capture Front Left Right Back Using computer vision: Detect body keypoints. Estimate body measurements. Estimate body proportions. Estimate posture. Estimate shoulder width. Estimate waist. Estimate hips. Estimate chest. Estimate inseam. Estimate arm length. Estimate leg length. Generate a realistic 2D avatar matching the user’s body shape, proportions, face outline (optional), skin tone, and posture. The avatar should resemble the user’s silhouette while preserving privacy. No 3D rendering. No AR. No mesh generation. The avatar must be lightweight and fast. ⸻ Virtual Try-On Engine The AI should: Segment clothes. Segment body. Estimate body pose. Warp garments realistically. Fit clothes according to measurements. Maintain realistic folds. Preserve textures. Preserve logos. Handle: T-shirts Shirts Jeans Pants Skirts Dresses Jackets Hoodies Ethnic Wear Shoes Accessories The clothing should naturally align with the generated 2D avatar. ⸻ Shopping Categories Search Filters Trending New Arrivals Recommended AI Recommendations Collections Brand Pages Product Pages Reviews Ratings Wishlist Cart Coupons Checkout Order Tracking Returns Refunds Invoices ⸻ AI Recommendation Engine Recommend products based on: Body Shape Measurements Previous Purchases Wishlist Browsing History Favorite Colors Season Budget Brand Preference Trending Products ⸻ Vendor Portal Vendor Registration Verification Store Profile Product Upload Inventory Analytics Orders Returns Coupons Promotions Revenue Dashboard Customer Reviews Notifications Wallet Payout Requests Support ⸻ Admin Panel Dashboard Manage Users Manage Vendors Approve Products Categories Orders Payments Coupons Promotions Analytics Reports CMS Push Notifications Moderation Support Tickets Logs ⸻ AI Services Body Measurement AI Pose Detection Garment Warping Background Removal Fashion Recommendation Size Recommendation Image Enhancement Duplicate Image Detection Product Tagging Search AI ⸻ Tech Stack Frontend React Native (Expo) Next.js TypeScript Tailwind CSS Backend FastAPI (Python) PostgreSQL Redis Object Storage (S3 Compatible) Authentication JWT OAuth Phone OTP AI Stack PyTorch OpenCV MediaPipe ONNX Runtime SAM2 (Body/Clothing Segmentation) Custom Garment Warping Pipeline Recommendation Model Infrastructure Docker Kubernetes Ready CI/CD Cloud Storage CDN Caching API Rate Limiting Monitoring Logging Backups ⸻ Security End-to-end encryption HTTPS JWT Rate Limiting RBAC Secure File Upload Input Validation SQL Injection Protection XSS Protection CSRF Protection Encrypted User Data GDPR Ready Privacy Controls Secure AI Processing ⸻ Notifications Push Notifications Email Notifications SMS Notifications Order Updates Price Drop Alerts Wishlist Alerts Promotions ⸻ Payment Razorpay Stripe UPI Cards Net Banking Wallets COD GST Invoice Refund Management ⸻ Performance Lazy Loading Image Compression Caching Background Jobs Offline Support Fast API Response Scalable Architecture ⸻ UI Requirements Apple-quality design Smooth animations Minimal interface Premium typography Rounded cards Dark mode Light mode Black and White branding Micro interactions Accessible design Fast navigation ⸻ Launch Ready Build every required API. Build complete database schema. Implement production-level authentication. Implement production-level security. Generate clean architecture. Create reusable components. Generate testing suite. Generate API documentation. Generate deployment configuration. Generate Docker configuration. Generate CI/CD pipelines. Generate environment variables. Generate Admin Dashboard. Generate Vendor Dashboard. Generate Customer App. No placeholders. No mock APIs. No fake data. No incomplete screens. Every button should work. Every page should function. Every API should connect properly. Every workflow should be complete. The application should be production-ready, scalable to millions of users, secure, maintainable, and ready for deployment to the Google Play Store, Apple App Store, and the web. The virtual try-on must use a realistic 2D AI avatar built from body measurements and computer vision rather than any 3D model, delivering fast performance, accurate garment fitting, and an intuitive shopping experience.

LandingSupportTicketsUsersInventorySignupLogin
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 6

Raritone System Requirements Document

1. Introduction

Raritone is a cutting-edge AI fashion shopping platform designed to provide users with an immersive and personalized shopping experience. The platform allows users to discover fashion, virtually try on clothes using a realistic 2D AI avatar, and purchase products directly from brands. The application is intended to be scalable, secure, and ready for deployment on iOS, Android, and web platforms.

2. System Overview

Raritone aims to revolutionize the online fashion shopping experience by integrating advanced AI technologies to create a realistic 2D avatar for virtual try-ons, offering personalized fashion recommendations, and providing a seamless shopping experience across multiple platforms.

Platforms

  • iOS
  • Android
  • Web
  • Admin Dashboard
  • Vendor Dashboard
Page 2 of 6

Authentication

  • Email Login
  • Google Login
  • Apple Login
  • Phone OTP
  • JWT Authentication
  • Role-Based Authentication

User Profile Features

  • Profile Picture
  • Name, Age, Gender
  • Body Measurements
  • Wishlist, Order History
  • Payment Methods
  • Notification Settings

AI Features

  • 2D AI Avatar Creation
  • Virtual Try-On Engine
  • AI Recommendation Engine

Shopping Features

  • Categories, Search, Filters
  • Trending, New Arrivals
  • Product Pages, Reviews, Ratings
  • Cart, Checkout, Order Tracking
Page 3 of 6

Vendor and Admin Features

  • Vendor Registration, Verification
  • Product Upload, Inventory Management
  • Admin Dashboard, User Management
  • Analytics, Reports, CMS

3. Functional Requirements as Story Points

  • As a User, I should be able to log in using email, Google, Apple, or phone OTP.
  • As a User, I should be able to create and manage my profile, including personal details and body measurements.
  • As a User, I should be able to virtually try on clothes using a 2D AI avatar.
  • As a User, I should be able to search for and filter fashion items.
  • As a User, I should be able to add items to my wishlist and cart.
  • As a User, I should be able to complete purchases using various payment methods.
  • As a Vendor, I should be able to register and manage my store profile.
  • As a Vendor, I should be able to upload and manage product inventory.
  • As an Admin, I should be able to manage users and vendors.
  • As an Admin, I should be able to approve products and manage categories.

4. User Personas

  • Customer: Individuals looking to purchase fashion items online.
  • Vendor: Brands and retailers selling fashion products on the platform.
  • Admin: Platform administrators managing users, vendors, and content.
Page 4 of 6

5. Core User Flows

  • Customer logs in -> Browses fashion items -> Selects an item -> Tries on using 2D avatar -> Adds to cart -> Completes purchase
  • Vendor registers -> Uploads products -> Manages inventory -> Views analytics
  • Admin logs in -> Manages users and vendors -> Approves products -> Generates reports

6. Visuals Colors and Theme

  • primary: #000000 (Black)
  • primary_light: #333333 (Dark Gray)
  • secondary: #FFFFFF (White)
  • accent: #FFD700 (Gold)
  • highlight: #FF4500 (Orange Red)
  • bg: #F8F8F8 (Light Gray)
  • surface: #FFFFFF (White)
  • text: #000000 (Black)
  • text_muted: #666666 (Gray)
  • border: #DDDDDD (Light Gray)

7. Signature Design Concept

Page 5 of 6

Interactive Fashion Showcase

The Raritone homepage will feature an interactive fashion showcase where users can explore a virtual wardrobe. As users hover over different clothing items, the 2D AI avatar will dynamically try on the selected item, showcasing how it fits and moves. This interactive experience will be powered by motion/react for smooth transitions and animations. Users can click on items to view detailed product information and add them to their cart.

LANDING HERO MOTION BRIEF

The landing page will feature a continuous loop animation where a 2D AI avatar stands in a virtual dressing room. As users scroll, the avatar will seamlessly change outfits, demonstrating the virtual try-on feature. The animation will highlight the transformation of the avatar as it tries on different styles, emphasizing the realistic fit and movement of the garments. The animation will be crafted using CSS and motion/react to ensure a smooth and engaging experience.

8. Interaction Model & Motion Direction

  • Interaction Model: Animated
  • The landing page will feature moderate scroll-triggered reveals and hover transitions to enhance user engagement.
  • Each section will have a distinctive core mechanic, such as kinetic typography or morphing SVGs, to maintain user interest.
Page 6 of 6

9. Non-Functional Requirements

  • End-to-end encryption for all data transactions.
  • High availability and scalability to support millions of users.
  • Responsive design for seamless experience across devices.
  • Fast API response times and efficient background processing.

10. Tech Stack

  • Frontend: React Native (Expo), Next.js, TypeScript, Tailwind CSS
  • Backend: FastAPI (Python), PostgreSQL, Redis, Object Storage (S3 Compatible)
  • AI Stack: PyTorch, OpenCV, MediaPipe, ONNX Runtime, SAM2
  • Infrastructure: Docker, Kubernetes Ready, CI/CD

11. Assumptions and Constraints

  • The application will be deployed on cloud infrastructure with CDN and caching for optimal performance.
  • The AI avatar must be lightweight and fast, ensuring quick load times and responsiveness.
  • All user data will be encrypted and comply with GDPR regulations.

12. Glossary

  • 2D AI Avatar: A realistic two-dimensional representation of the user for virtual try-ons.
  • JWT: JSON Web Token, a compact, URL-safe means of representing claims to be transferred between two parties.
  • RBAC: Role-Based Access Control, a method of regulating access to computer or network resources based on the roles of individual users.
  • CI/CD: Continuous Integration and Continuous Deployment, a method to frequently deliver apps to customers by introducing automation into the stages of app development.
Landing design preview
Login: Sign In
AdminDashboard: View Overview
Users: Manage Users
Vendors: Manage Vendors
Vendors: Approve Verification
Products: Approve Listings
Categories: Manage Categories
Orders: View Orders
Payments: Manage Transactions
Coupons: Manage Promotions
Analytics: View Reports
CMS: Edit Content
Moderation: Review Flags
SupportTickets: Resolve Issues
Landing design preview
Login: Sign In
AdminDashboard: View Overview
Users: Manage Users
Vendors: Manage Vendors
Vendors: Approve Verification
Products: Approve Listings
Categories: Manage Categories
Orders: View Orders
Payments: Manage Transactions
Coupons: Manage Promotions
Analytics: View Reports
CMS: Edit Content
Moderation: Review Flags
SupportTickets: Resolve Issues