האתר שלך נראה כמו שסוכן עיצב אותו

הבדיקה: הסימנים שמסגירים את האתר

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

צבע ורקע

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

אייקונים

• ☐אימוג׳י בתפריט, ליד כותרות או בתור סטטוס: 🚀 🔥 💰 📈.
• ☐✨ ליד כל דבר שקשור לבינה מלאכותית.
• ☐תגיות כמו New ✨, Beta 🚀 או PRO בכל פינה.

טקסט

• ☐כותרות במשקל הכי עבה שיש.
• ☐תוויות באותיות גדולות עם ריווח רחב, כמו NAVIGATION.
• ☐סימני קריאה, ולפעמים שניים ברצף.
• ☐כותרת שמתאימה לכל מוצר, כמו Supercharge your workflow with AI, ומילים כמו supercharge, seamless, magic.
• ☐מספרים בלי השוואה, כמו +12%!!, במקום "12%+ מהחודש שעבר".

ריווח

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

דף הנחיתה

• ☐תגית בצורת גלולה מעל הכותרת, כמו ✨ Introducing X 2.0.
• ☐הכל בטור אחד ממורכז: כותרת, טקסט, כפתורים, ותמונה מתחת.
• ☐שלושה כפתורים ומעלה זה ליד זה.
• ☐Trusted by 10,000+ teams, שורת עיגולים צבעוניים וחמישה כוכבים, בלי מקור.
• ☐כדור תלת ממדי מבריק או ערפילית סגולה בתור התמונה הראשית.

תנועה

• ☐דברים שפועמים או זוהרים כל הזמן, בלי שקורה בהם משהו.
• ☐כפתורים וכרטיסים שגדלים כשהעכבר עובר עליהם, ואלמנטים שעפים פנימה מכל הכיוונים.

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

הרשימה מתורגמת ומקוצרת מהקובץ signs.md של unslop, מאת Damir Sokolovsky (@heydamir), ברישיון CC BY 4.0. במקור יש עוד סימנים, וליד כל אחד גם התיקון.

מה זה unslop

unslop הוא סקיל: קובץ הוראות שהסוכן שלך קורא ועובד לפיו. הוא נבנה בשביל Claude Code, Codex ו-Google Antigravity. הוא עובר על המסך עם הרשימה מלמעלה, מוצא כל סימן ואיפה הוא יושב בקוד, ומתקן את המסך שלב אחרי שלב, כמו מעצב שעושה סבב הערות.

הוא עובד בכל מה שהאתר כתוב בו: Next.js, React, Vue, Svelte, Tailwind או HTML רגיל. על דפי נחיתה, דשבורדים ואפליקציות. ואם יש לך רק קישור לאתר בלי הקוד, הוא שומר עותק של הדף ומעצב אותו מחדש בקוד, כדי שתעביר למי שאחראי על האתר.

הוא עלה ל-GitHub, האתר שבו מפרסמים קוד פתוח, ב-29 באוקטובר 2026. ב-13 בנובמבר כבר היו לו יותר מ-15 אלף כוכבים, הדרך שבה אנשים שם מסמנים פרויקט ששווה לשמור.

כמה זה עולה ומה צריך

• •הכלי עצמו בחינם. אין מנוי ואין הרשמה.
• •אבל הוא רץ רק בתוך סוכן קוד: Claude Code, Codex או Antigravity. ההרצה יורדת מהמכסה של המנוי שלך לסוכן, כמו כל משימה אחרת.
• •תמונות זה אופציונלי ובתשלום. כשדף צריך תמונה ראשית חדשה, הוא יכול לייצר אחת דרך שירות כמו fal או Replicate. לפני כל ייצור בתשלום הוא מראה את הפרומפט ושואל. לדשבורדים ואפליקציות כמעט אף פעם לא צריך.
• •קישור לאתר חי צריך Playwright. רק אם אין לך את הקוד. פרטים בחלק 6.

התקנה ב-Claude Code

הדרך הקצרה: פותחים Claude Code בתיקייה כלשהי ומדביקים את הבקשה הזאת. הוא מוריד את הסקיל ושם אותו בתיקיית הסקילים שלך, כך שהוא זמין בכל הפרויקטים.

תתקין את הסקיל unslop מהריפו https://github.com/heydamir/unslop
תעתיק את התיקייה skills/unslop לתוך ~/.claude/skills/ כמו שכתוב ב-README.
בסוף תראה לי שהקובץ ~/.claude/skills/unslop/SKILL.md קיים.

מעדיף לעשות את זה בעצמך? פותחים את הטרמינל, החלון שבו מקלידים פקודות, ומריצים את שתי השורות מה-README של הכלי:

git clone https://github.com/heydamir/unslop
mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/

רוצה אותו רק בפרויקט אחד? מעתיקים את התיקייה unslop לתוך .claude/skills/ בתוך הפרויקט, במקום לתיקייה הכללית.

התקנה ב-Codex וב-Antigravity

ב-Codex מבקשים ממנו להתקין את הסקיל ישר מהריפו. מדביקים את השורה הזאת בשיחה:

$skill-installer install https://github.com/heydamir/unslop/tree/main/skills/unslop

או מעתיקים ידנית מהטרמינל:

git clone https://github.com/heydamir/unslop
mkdir -p ~/.agents/skills && cp -r unslop/skills/unslop ~/.agents/skills/

ב-Google Antigravity מעתיקים לתיקיית הסקילים שלו:

git clone https://github.com/heydamir/unslop
mkdir -p ~/.gemini/antigravity/skills && cp -r unslop/skills/unslop ~/.gemini/antigravity/skills/

מריצים: תנקה לי את האתר

פותחים Claude Code בתיקייה של האתר, וכותבים במילים שלך:

תנקה לי את האתר

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

/unslop תנקה לי את דף הבית
/unslop תנקה לי את הדשבורד
/unslop the hero of https://example.com

ב-Codex כותבים $unslop במקום /unslop.

מה קורה אחרי זה, לפי הסדר:

1. הוא מסתכל על המסך ועובר על הרשימה. כל סימן שמצא, עם המקום שלו בקוד.
2. הוא כותב כיוון בחמש שורות, מתוך מה שהמוצר שלך עושה: מה המוצר, האופי שלו, העולם שהוא שייך אליו, איפה יהיה הצבע, ופרט אחד שרק למוצר שלך יש.
3. הוא עוצר ומחכה לך. זה השלב לתקן אותו. לשנות כיוון אחר כך זה לעשות הכל מחדש.
4. אחרי שאישרת, הוא מתקן בתשעה סבבים: ריווח, צבע, אייקונים, טקסט, טיפוגרפיה, פריסה, פרטים, תמונות ותנועה.
5. בסוף הוא בודק את המסך מול הרשימה, ומסכם מה השתנה בכל סבב.

יש לך רק קישור לאתר? קודם מריצים את שתי הפקודות האלה בתיקייה שבה עובדים, ואז נותנים לו את הקישור:

npm install -D playwright
npx playwright install chromium

מה יצא כשהרצתי אותו

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

• •הבדיקה מצאה סימנים בשמונה קבוצות. בין השאר: אימוג׳י בתפריט ובכפתורים, כותרת ולוגו בגרדיאנט, ו-14 ערכי ריווח שרירותיים.
• •הכיוון שהוא בחר: שולחן העבודה של בעל עסק קטן. נייר חשבונית, חותמת "שולם", וצבע אחד כתום שבא מהשם של המוצר.
• •התוצאה: אותו תוכן ואותם חלקים, והכדור הסגול הוחלף בתצוגה של חשבונית אמיתית.

איך יודעים שזה עבד

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

לא עבד? לפי הסדר:

1. בודקים שהסקיל במקום. ב-Claude Code צריך להיות קובץ ב-~/.claude/skills/unslop/SKILL.md, וב-Codex ב-~/.agents/skills/unslop/SKILL.md.
2. פותחים שיחה חדשה עם הסוכן, וכותבים במפורש /unslop או $unslop.
3. נתת קישור והוא נכשל? חסר Playwright. מריצים את שתי הפקודות מחלק 6.
4. הוא אמר שהמסך כבר טוב? זו תשובה אמיתית. הוא מציע עד שלושה שינויים קטנים, ומחיל אותם רק אם הסכמת.

קרדיט ורישיון

unslop נבנה על ידי Damir Sokolovsky (@heydamir), ומפורסם ברישיון CC BY 4.0: מותר להשתמש, לשנות ולשתף, גם מסחרית, כל עוד נותנים לו קרדיט ומקשרים לריפו. רשימת הסימנים בחלק 1 מתורגמת ומקוצרת מהמקור.

הקוד, ההוראות המלאות ושני דפי הדמו: github.com/heydamir/unslop