5 סקילים שגורמים לקלוד להפסיק לעצב כמו AI - מדריכים_×

עיצוב עם AI

5 סקילים שגורמים לקלוד להפסיק לעצב כמו AI

apple-design, Taste, Impeccable, Frontend Design ו-Awesome DESIGN.md. מה כל אחד עושה ומתי משתמשים בו. התקנה בחבילת ZIP, או שמדביקים לקלוד והוא מתקין לבד.

אביתר יצחק3 דקות קריאה

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

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

אל תיבהלו. שתי דרכים, בלי לדעת קוד

  1. חבילת ZIP

    מורידים מכאן למטה. באפליקציה של Claude: Customize ← Skills ← Upload a skill, ומעלים כל סקיל. זהו.

  2. נותנים לקלוד לעשות את זה

    רואים שורות קוד? לא מקלידים אותן. מעתיקים את הבלוק שבסוף המדריך, מדביקים לקלוד, והוא מתקין בעצמו.

5. Awesome DESIGN.md

אוסף קבצים שמנתחים את שפת העיצוב של אתרים אמיתיים: Linear, Vercel, Raycast ועוד עשרות. בוחרים קובץ אחד, שמים בתיקיית הפרויקט, ואומרים לקלוד "תבנה לפי זה". לאוסף.

4. Frontend Design

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

3. Impeccable

אוצר מילים של מעצבים. במקום "תעשה יותר יפה" (שלא אומר לקלוד כלום):

  • /impeccable critique - ביקורת כנה, כמו ממעצב בכיר.
  • /impeccable bolder כשיצא משעמם. quieter כשיצא לונה פארק.
  • /impeccable audit לפני שעולים לאוויר.

2. Taste Skill

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

1. apple-design (האהוב עליי)

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

הבלוק שמדביקים לקלוד

להעתיק ולהדביק לקלוד
תתקין לי בבקשה את סקילי העיצוב האלה:

npx skills@latest add emilkowalski/skills
npx skills add https://github.com/Leonxlnx/taste-skill
npx impeccable install
https://github.com/anthropics/skills (frontend-design)

ובסוף תראה לי את רשימת הקבצים ב-https://github.com/VoltAgent/awesome-design-md ותעזור לי לבחור אחד לפרויקט.

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

  1. בוחרים DESIGN.md אחד שאוהבים.
  2. בונים. Frontend Design ו-Taste עובדים לבד ברקע.
  3. יש תוצאה? /impeccable critique, ומתקנים מה שכואב.
  4. apple-design בסוף, לתנועה.

בונים אתר שלם? 5 הסקילים לבניית אתרים. כל הרשימה שלי: היום הראשון עם קלוד.

שאלות נפוצות

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

כי מודל בלי הנחיות עיצוב בוחר את הממוצע של כל מה שראה: גרדיאנט סגול, כרטיסים מעוגלים, פונט Inter ואימוג'ים. סקילי עיצוב כמו Taste Skill ו-Frontend Design מכריחים אותו לבחור כיוון מוגדר לפני שהוא כותב קוד.

מה זה סקיל עיצוב ל-Claude?

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

איך מתקינים סקיל עיצוב ב-Claude בלי טרמינל?

מורידים את הסקיל כקובץ ZIP, ובאפליקציית Claude נכנסים ל-Customize, בוחרים Skills, לוחצים על פלוס ואז Upload a skill. ב-Claude Code אפשר פשוט להדביק לקלוד את הלינק לריפו ולבקש ממנו להתקין.

אפשר להתקין את כל חמשת הסקילים יחד?

כן, הם לא מתנגשים: Frontend Design ו-Taste קובעים כיוון, Awesome DESIGN.md נותן שפה עיצובית ספציפית, Impeccable מבקר ומלטש, ו-apple-design מטפל בתנועה.

יש לכם שאלה על משהו כאן, או שאתם רוצים ללמוד לעשות את זה בעצמכם?

לכל המדריכים