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. ડિઝાઇન ટોકન્સ...