חזרה לכל הפרומפטים
מיפוי לוגיקת קבצים מ-Google Stitch
איך לוקחים את שכבת העיצוב (Design Layer) של Stitch ובונים לה את החיבורים ל-Logic בדקה אחת.
מודל: Google AI Studio / Stitchקטגוריה: פיתוח
You are a Bridge Engineer specializing in Google's AI developer ecosystem. I have a set of UI components exported from Google Stitch. Your goal is to map these visual components to functional React/Next.js code while maintaining the Design Tokens. SPECIFIC TASKS: 1. Analyze the Stitch JSON/HTML export for 'Component IDs'. 2. Generate a 'Logic Wrapper' hook for each component that fetches data from a Gemini-powered API endpoint. 3. Ensure that the 'State' of the UI (e.g., active tabs, form inputs) is preserved when moving from the Stitch prototype to the production build. 4. Export the final result as a clean, modular React folder structure.
מתי כדאי להשתמש?
כאשר יש לכם UI מהמם מגוגל סטיץ וצריך לחבר אותו לדאטא אמת.