כשחוזה ואלים הקים את טיידוייב היה ברור שהוא עלה על משהו. פיתוח ווב בעזרת AI סובל מפער בין "מה שאנחנו רואים" לבין "מה ש AI רואה". בפרט כשמדובר בדפדפן זה אומר:

1. אנחנו רואים את גרפיקה, AI רואה את הקוד.

2. אנחנו מרגישים איטיות, AI רואה את הלוגים.

כבר הרבה זמן שבאפליקציות צד-לקוח אני נעזר ב AI כדי למצוא קומפוננטות. אני מדביק את ה URL ושואל את ה AI איזה קומפוננטה אחראית למסך שאני רואה, או משתמש ב MCP של חיבור לדפדפן כדי לתת ל AI להסתכל על הדפדפן הנוכחי ומצב העניינים שם. ועדיין ברור שהודעות ב Chat הן לא הדרך הכי טובה להתיחס לדברים שרואים על המסך.

הגרסה החדשה של קרסר כבר מתחרה ראש בראש עם טיידוייב עם החשיפה של הדפדפן הויזואלי. זה עובד ככה:

1. לחיצה על אלמנט כדי להכניס אותו ל Chat. ה AI מספיק חכם כדי למצוא את המקום בקוד שיוצר את האלמנט המדובר.

2. שינוי CSS דרך מסך עריכה ויזאולי בסגנון Dazl.

3. לקיחת צילום מסך ישירות לתוך ה Chat, מה שמאפשר לי לשאול על מצב ויזואלי מסוים בקלות.

עכשיו אפשר להצביע על כפתור ולהמשיך עם פרומפט כמו

what happens when I click on this? show full trace from frontend to php

ולקבל מסלול מפורט מהפרונטאנד לבקאנד של כל החלקים בקוד שמושפעים מהאירוע.

המגבלה היחידה שראיתי בינתיים היתה שאין אפשרות לצרף לשיחה מספר אלמנטים. אני בטוח שהם יסדרו את זה בקרוב. בנוסף בעבודה מהסוג הזה בטח כדאי לחבר את בסיס הנתונים לקריאה בלבד דרך MCP כדי לקבל אינגרציה מקסימלית עם הפרויקט.

לפרטים נוספים שווה להעיף מבט בפוסט הפרסום שלהם שכולל גם גיפים: https://cursor.com/blog/browser-visual-editor