שיתוף | מה חדש בבינה מלאכותית - נספח עדכוני פיצ'רים ודיונים 💬
-
קלוד סוף סוף מבין מה זה "פרימיום"
כולנו מכירים את הפרומפט הזה ב־Vibe Coding:
"תגרום לזה להיראות יותר יוקרתי"
הבעיה? קלוד לא באמת יודע מה זה "יוקרתי". אז הוא מנחש — ובדרך כלל נקבל עוד גרדיאנט סגול
עכשיו יש פתרון מעניין מאוד.Emil Kowalski, מעצב ב־Vercel והיוצר של Sonner, פרסם מאגר Skills לעיצוב שצבר כבר עשרות אלפי כוכבים ב־GitHub.
אחד הסקילים הבולטים שם הוא:Apple Design
במקום לבקש מקלוד "תעצב יפה", נותנים לו מערכת חוקים ברורה שמלמדת אותו איך ממשק איכותי אמור להרגיש:• איך כפתורים מגיבים
• כמה זמן אנימציה צריכה לקחת
• אילו easing curves להשתמש
• מתי כן להוסיף אנימציה
• ומתי דווקא עדיף לא להנפיש בכללאז מה זה Skill?
בפשטות: קובץ הנחיות שקלוד קורא ומשתמש בו בזמן העבודה.
כלומר, במקום שקלוד ינחש מה זה עיצוב טוב — הוא עובד לפי עקרונות מוגדרים מראש.
איך מתקינים ב־Claude Code?
אפשר פשוט לכתוב לו:תשכפל את הריפו https://github.com/emilkowalski/skills ותעתיק את כל התיקיות שבתוך skills/ אל התיקייה ~/.claude/skills/ ותוודא שכל סקיל הותקןאו דרך הטרמינל:
npx skills@latest add emilkowalski/skillsומה מקבלים?
כ־12 סקילים לעיצוב ומושן apple-design — עקרונות עיצוב בסגנון Apple
animate — יצירת אנימציות עם ערכים והגדרות מדויקות
review-animations — ביקורת ושיפור אנימציות קיימות
prototype — יצירת כמה וריאציות UI שאפשר להשוות ביניהן
הסקילים נטענים אוטומטית בזמן העבודהוהחלק היפה:
לא חייבים להתחיל פרויקט חדש.אפשר לפתוח אתר או אפליקציה קיימים ולכתוב:
"תעבור על הממשק עם הסקיל apple-design ותציע מה לשפר"
וקלוד יכול להתחיל לזהות את כל הדברים הקטנים שמבדילים בין ממשק "בסדר" לממשק שמרגיש הרבה יותר מקצועי.
בונוס:
מי שרוצה גם חוקים רשמיים יותר של Apple לפלטפורמות שונות — כמו גודל מינימלי לכפתורים, Dynamic Type ו־Dark Mode — יכול להוסיף גם את:https://github.com/ehmo/platform-design-skillsהמטרה היא לא להפוך כל אתר להעתק של Apple.
המטרה היא לתת לקלוד טעם עיצובי וחוקים ברורים לעבוד לפיהם.
וזה יכול לשדרג משמעותית את ה־Vibe Coding שלכם
קרדיט: משה דייטש
-
@MAD מישהו ניסה את הסקילים של העיצוב לקלוד?
זה נותן את העבודה?לגבי הוויכוח על העיצוב בין GPT לקלוד,
אני הקמתי סוכן גרפיקאי ומעצב ונתתי לו לקורא המון חומר לימודי על גרפיקה ועיצוב ומאז אז יש שיפור ניכר ממש! -
תיקייה מקומית במחשב
מעדכן דרך גיט.
אגב, מה שאני השתמשתי זה בקלוד קוד בווב, לא בצ'אט הרגיל, כן?
-
מעדכן דרך גיט
אוקי תרחיב טיפה מה הכוונה מעדכן דרך גיט אם הכל ברשת
מה הפקודה שאתה עושה בגיט?
אבל מה אתה עושה אם צריך בדיקות בדוקר מקומי? יש לזה פתרון אונליין?
אוקי תרחיב טיפה מה הכוונה מעדכן דרך גיט אם הכל ברשת
מה הפקודה שאתה עושה בגיט?
תלמד קצת על גיט וגיטהאב, לא מסובך בכלל.
אבל מה אתה עושה אם צריך בדיקות בדוקר מקומי? יש לזה פתרון אונליין?
לא כ"כ משתמש בדוקר.
אבל שוב, אחרי שאתה מעדכן את הקוד במחשב - אתה יכול להריץ את כל הבדיקות שאתה רוצה.
ואגב, אולי אתה יכול להכין ריצת גיטהאב שתעשה לך את כל הבדיקות שאתה צריך. -
אוקי תרחיב טיפה מה הכוונה מעדכן דרך גיט אם הכל ברשת
מה הפקודה שאתה עושה בגיט?
תלמד קצת על גיט וגיטהאב, לא מסובך בכלל.
אבל מה אתה עושה אם צריך בדיקות בדוקר מקומי? יש לזה פתרון אונליין?
לא כ"כ משתמש בדוקר.
אבל שוב, אחרי שאתה מעדכן את הקוד במחשב - אתה יכול להריץ את כל הבדיקות שאתה רוצה.
ואגב, אולי אתה יכול להכין ריצת גיטהאב שתעשה לך את כל הבדיקות שאתה צריך.נהניתי מזה:
https://www.youtube.com/watch?v=jxFkgWo-nNc&list=PLQQFmSD6pTT5JL959SfUhGYKDD67n4SyCתודה רבה!!
-
@ישראל. אני חושב שבגרפיקה פשוט חסר הראש של המעצב, AI לדעתי לא יכול להחליף את זה, הוא יכול לממש את החזון של המעצב אבל להחליף את היצירתיות שלו, לא.
-
@עידו300 אולי...
אבל אם אתה מלמד אותו שיטות ומראה לו חומרים שאתה אוהב אותם הוא נכנס לראש של מי שעיצב את זה..
לא? -
@ישראל. האמת... בונה בקלוד ובולע את העיצוב, אין מה לעשות... אני לא מבין כלום בעיצוב. גם כשהעברתי לאנטיגרוויטי הוא לא נתן עיצוה יותר טוב, טיפה עיגל פינות ושינה צבע, אבל הכל אותו עיצוב שצועק AI
@עידו300 אם תשלם אולי ישתנה....
-
@עידו300 אם תשלם אולי ישתנה....
@יודע-ומייבין לשלם על מה?
-
@ישראל. האמת... בונה בקלוד ובולע את העיצוב, אין מה לעשות... אני לא מבין כלום בעיצוב. גם כשהעברתי לאנטיגרוויטי הוא לא נתן עיצוה יותר טוב, טיפה עיגל פינות ושינה צבע, אבל הכל אותו עיצוב שצועק AI
-
@עידו300 אם תשלם אולי ישתנה....
@יודע-ומייבין על מה לשלם?
-
לקודקס
-
לקודקס
@יודע-ומייבין ואז מה?
לבנות בקלוד ולהעביר לקודקס?
או את הכל בקודקס? -
לקודקס
@יודע-ומייבין וקודקס עושה את זה טוב?
-
לא משנה תבנה בקלוד ותעביר לקודקס או אנטי גרוויטי
אני משתמש באופן קוד ואני מבסוט הטוקנים לא נגמרים ויש לו את היכולות
כמעט כמו של קלוד קוד -
@הבל-הבלים גם אני לא מצליח...
-
@הבל-הבלים גם אני לא מצליח...
שלום! נראה שהשיחה הזו מעניינת אותך, אבל עדיין אין לך חשבון.
נמאס לכם לגלול בין אותם הפוסטים בכל ביקור? כשנרשמים לחשבון, תמיד תחזרו בדיוק למקום שבו הייתם קודם, ותוכלו לבחור לקבל התראות על תגובות חדשות (בין אם במייל, ובין אם בהתראת פוש). תוכלו גם לשמור סימניות ולפרגן ב-upvote לפוסטים כדי להביע הערכה לחברי קהילה אחרים.
בעזרת התרומה שלך, הפוסט הזה יכול להיות אפילו טוב יותר 💗
הרשמה התחברות { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}