מדריך חינמי · Screenshot to Code

צילום מסך נכנס. אתר עובד יוצא

הריפו עם 73.7 אלף כוכבים שמקבל צילום מסך, עיצוב Figma או הקלטת מסך - ומחזיר קוד נקי. הנה מה שהוא עושה, ואיפה מתקינים אותו.

↓ גללו
1 מה זה עושה

לא עוד "תבנה לי אתר כמו זה"

ההבדל בין זה לבין לזרוק צילום מסך לצ'אט הוא לא המודל - זה מה שעוטף אותו. שלושה דברים שאתם לא מקבלים בצ'אט רגיל:

🖼️

שולף את הנכסים האמיתיים

לא מצייר לוגו מחדש בערך. הוא מחלץ את הלוגואים והתמונות מתוך הצילום ובונה את העמוד סביבם.

🔍

בודק את עצמו

מרנדר את מה שבנה בדפדפן, משווה לצילום המסך שלכם, ומתקן את מה שלא יושב - לפני שאתם רואים.

🎬

מבין גם וידאו

הקלטת מסך של אתר בפעולה הופכת לפרוטוטייפ עובד, לא רק לתמונה סטטית.

🧩

אתם בוחרים מה יוצא

שישה פורמטים: HTML + Tailwind · HTML + CSS · React · Vue · Bootstrap · Ionic.

2 איפה מתקינים

שתי דרכים, שתיהן לגיטימיות

⚡

רק לנסות

יש גרסה מוכנה באוויר ב-screenshottocode.com. אפס התקנה, נכנסים ומנסים.

🛠️

להריץ אצלכם

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

📎

הריפו הרשמי - כאן מתקינים:
github.com/abi/screenshot-to-code
רישיון MIT, חינמי לגמרי. שווה לתת כוכב.

להתחיל - הדביקו בטרמינל
git clone https://github.com/abi/screenshot-to-code cd screenshot-to-code
🔑

דבר אחד שכדאי לדעת מראש: צריך מפתח API של ספק אחד לפחות. שימו לב - חילוץ הלוגואים והתמונות ומצב הקלטת המסך רצים על Gemini, לא על Claude. אם באתם בשביל הפיצ'רים האלה, זה המפתח שתרצו.

רוצים שה-AI באמת יעבוד בשבילכם? 🚀

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

15 דקות ייעוץ בחינם