English 📰 בלוג
→ חזרה לבלוג
בלוג

EditUI: מתקנים עיצוב של אתר בלחיצה, וה-AI עושה את השאר

סתיו אדם
19 באוקטובר 2026
בקצרה: EditUI הוא תוסף חינמי לכרום. לוחצים על כפתור, כותרת או כרטיס באתר, כותבים מה לשנות, והתוסף אוסף את הכול לפרומפט אחד שמדביקים ב-Claude Code, ב-Cursor או ב-Codex. בלי צילומי מסך ובלי הסברים ארוכים על "הכפתור השני מלמעלה".

הבעיה שהוא פותר

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

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

איך עובדים איתו

  1. מתקינים מהאתר הרשמי editui.app או מחנות כרום. חינם, בלי הרשמה.
  2. פותחים את האתר בכרום. גם אתר שרץ מקומית (localhost) עובד.
  3. מפעילים מצב עריכה בלחיצה על התוסף, או Ctrl+Shift+E (במק Command+Shift+E).
  4. לוחצים על אלמנט וכותבים מה לשנות, בשפה פשוטה. למשל: "תקטין קצת את הכותרת ותצמצם את הרווח מתחתיה."
  5. עוברים על כל העמוד ואוספים כמה תיקונים ביחד.
  6. Copy all מעתיק פרומפט אחד עם כתובת העמוד, גודל המסך, ההערות שלכם ופרטי האלמנטים.
  7. מדביקים בסוכן הקוד, נותנים לו לתקן, ובודקים את התוצאה.

פרומפט מוכן להדביק יחד עם מה ש-EditUI מעתיק

Review the website elements and change requests provided below.

Implement the requested UI improvements in the existing codebase.

Requirements:
- Identify the relevant components and source files.
- Preserve the existing design system and brand identity.
- Keep the website responsive across desktop, tablet, and mobile.
- Preserve existing functionality, routes, and interactions.
- Avoid unrelated redesigns or unnecessary dependencies.

After implementation, summarize the changes and list anything
that needs manual review.

Use the collected EditUI requests as the source of truth.

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

מה עם פרטיות

לפי האתר שלהם, ההערות נשמרות מקומית בכרום, והמידע יוצא מהדפדפן רק כשמעתיקים ומדביקים בכלי אחר. בדשבורד פנימי או באזור לקוחות, כדאי לעבור על הפרומפט לפני שמדביקים.

מה הוא לא עושה

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

התוסף חינמי. הסוכן שמתקן את הקוד הוא עניין נפרד, עם המחיר שלו.

מקור: האתר הרשמי של EditUI

עוד כלים ופרומפטים מוכנים ב-masterphub.io