Skisso
תוסף ל-Chrome שבו לא מתארים לסוכן תיקוני עיצוב במילים, אלא עושים אותם עם העכבר ישירות בדף. הסוכן מקבל רשימה קצרה: איזה אלמנט, איזה מאפיין, מה היה ומה נהיה. חינם, בלי חשבון.
לא הרצנו בעצמנו: התיאור לפי התיעוד והמאגר.
במספרים
מה זה
מי שבנה אתר עם Claude Code או Cursor מכיר את הסבב: רואים שהכפתורים צפופים, וכותבים פסקה על "קצת יותר אוויר בין הכפתורים מימין". הסוכן מנחש, תופס את האלמנט הלא נכון או את הערך הלא נכון, ועוד סבב. Skisso מוריד את שלב התרגום מתמונה למילים: בוחרים אלמנט בדף החי, מזיזים מרווחים, משנים צבע, גופן או טקסט עד שזה נראה נכון, ומעתיקים את השינויים בלחיצת מקש אחת. הסוכן מקבל את הכתובת של האלמנט וזוגות של "לפני ← אחרי" ב-CSS אמיתי, ואת קבצי הפרויקט הוא עדיין עורך בעצמו.
מ-Spline ומכלי העיצוב האחרים בקטלוג הוא שונה בכך שהוא לא מצייר שום דבר מאפס: הוא עובד מעל ממשק שכבר קיים, ב-localhost, בסביבת בדיקות או באתר חי. זה גשר בין הדפדפן, שבו רואים את התוצאה, לבין הטרמינל, שבו הסוכן עובד. דרך שרת MCP מקומי הסוכן קורא בעצמו את מה שנבחר, ובחלונית התוסף אפשר לדבר עם הסוכן ישירות מהדף או להפוך את התיקונים ל-issue ב-GitHub.
איך זה בנוי
claude mcp add --scope user skisso -- npx -y skisso mcp. ב-Cursor, Windsurf, Cline ו-Claude Desktop מגדירים את אותו שרת בקובץ התצורה של MCP.
תגובות