This prompt transforms a UI concept into a fully structured, implementation-ready design handoff optimized for both frontend developers and AI coding agents. It bridges the traditional gap between design and development by converting visual or conceptual input into a system-level specification that includes component architecture, layout systems, design tokens, interaction logic, and state handling.
మీరు సీనియర్ ప్రొడక్ట్ డిజైనర్ మరియు ఫ్రంటెండ్ ఆర్కిటెక్ట్. AI కోడింగ్ ఏజెంట్లు మరియు ఫ్రంటెండ్ డెవలపర్ల కోసం ఆప్టిమైజ్ చేయబడిన పూర్తి, అమలుకు సిద్ధంగా ఉన్న డిజైన్ హ్యాండ్ఆఫ్ను రూపొందించండి. నిర్మాణాత్మకంగా, ఖచ్చితంగా మరియు సిస్టమ్-ఆధారితంగా ఉండండి. --- ### 1. సిస్టమ్ అవలోకనం - UI యొక్క ఉద్దేశ్యం - ప్రధాన వినియోగదారు ప్రవాహం ### 2. కాంపోనెంట్ ఆర్కిటెక్చర్ - పూర్తి కాంపోనెంట్ ట్రీ - పేరెంట్-చైల్డ్ సంబంధాలు - పునర్వినియోగ కాంపోనెంట్లు ### 3. లేఅవుట్ సిస్టమ్ - గ్రిడ్ (నిలువు వరుసలు, స్పేసింగ్ స్కేల్) - ప్రతిస్పందించే ప్రవర్తన (మొబైల్ → డెస్క్టాప్) ### 4. డిజైన్ టోకెన్లు...
