AI Design Skills
6.7kשני סקילים לסוכן: אחד מוביל משאלות על המוצר ועד דף נחיתה מוכן עם מערכת ויזואלית קפדנית, והשני הופך מוקאפ סטטי מ-Figma או צילום מסך לאנימציה חיה עם ייצוא לווידאו ול-GIF. רישיון MIT.
לא הרצנו בעצמנו: התיאור לפי התיעוד והמאגר.
במספרים
איך זה נראה
מה זה
כשמבקשים מסוכן לבנות דף נחיתה, הוא בדרך כלל קופץ ישר לקוד ומחזיר דף שנראה כמו אלף אחרים. AI Design Skills משנה את סדר העבודה. הסקיל landing-page-design שואל קודם, ברשימה אחת, על המטרה, הקהל, ההתנגדויות וההוכחות, אחר כך פורש את המבנה והטקסטים, ורק אז בונה את הדף לפי כללים נוקשים: אילו גופנים, ריווחים, פינות מעוגלות, אייקונים ואנימציות מותרים ואילו לא. הסקיל השני, design-to-motion, לוקח מוקאפ מוכן ומחיה אותו: אלמנטים מופיעים ממסך ריק, גרפים ורשימות מספרים את הסיפור שלהם בלולאה, ובסוף מתקבלים סרטון ל-X ושני קובצי GIF.
מהשכנים בקטלוג הוא נבדל בהיקף. Emil Kowalski Skills מלמד את הסוכן את הדקויות של תנועה בתוך ממשק, וכאן סקיל אחד אחראי על כל הדרך של דף הנחיתה מהבריף ועד כללי העיצוב, והשני על הצגת עיצוב מוכן. הערכה מתאימה למי שבונה אתר עם Claude Code, Cursor או Codex ורוצה שהסוכן יחשוב על דף שמוכר, ולא רק על פריסה.
איך זה בנוי
.claude/skills של הפרויקט, ומשם מבקשים במילים פשוטות. ב-Cursor, Codex, Windsurf ו-Cline מכניסים את הקובץ SKILL.md לקובץ הכללים שלהם, וב-Claude.ai מעלים אותו לפרויקט.landing-page-design עובד בשני שלבים: קודם שאלון, מבנה הדף והטקסטים, ואחר כך המערכת הוויזואלית. לפני הקוד הסוכן מציג את התוכנית, את הטקסטים של המסך הראשון, את ה-FAQ ואת סוג הדף שבחר.לדעת לפני התקנה
design-to-motion עובד הכי טוב עם קישור ל-Figma וטוקן גישה; מתמונה שטוחה השכבות לא נפרדות בצורה מושלמת, והסקיל עצמו מזהיר על כך.
תגובות