10 סקילים שהופכים את Claude לשותף עיצוב — לעצב אתרים, מצגות, דפי נחיתה ודשבורדים ברמה גבוהה, בלי "AI slop" וגם בלי להיות מעצב/ת.
אותה הצעת מחיר, אותם 8 עמודים — פעם אחת בלי סקילים ופעם אחת עם. ההבדל הוא לא ידע בעיצוב, הוא בפרומפט.
סקיל העוגן לעיצוב חזית. בונה ממשקים ייחודיים ברמת ייצור ומחזיק Design System עקבי. שלושה מצבים: craft (תכנון ואז בנייה), teach (הגדרת הקשר עיצובי), extract (שליפת רכיבים חוזרים לספריה).
הסקיל הרשמי של Anthropic לעיצוב חזית — אבא הרוחני של impeccable. מדגיש בחירה ב"אסתטיקה נועזת" (brutalist, editorial, maximalist), הימנעות מ-AI slop ומחויבות לכיוון קונספטואלי אחד.
מלמד את ה-AI לעצב כמו סוכנות יוקרה ברמת Awwwards. דירקטיבות נוקשות: פונטים פרימיום (Geist, Clash Display), איקונים דקים (Phosphor), בלי Inter, בלי shadow-md, בלי טרנזישנים linear. קולנועיות ו-haptic depth.
ממשקים עורכיים סגנון Notion/Linear: מונוכרום חם, היררכיה טיפוגרפית מוקפדת, bento grids שטוחים, פסטלים מושתקים. בלי גרדיאנטים, shadows כבדים, pill בענקיים, או emojis.
שדרוג אתרים ואפליקציות קיימים לרמת פרימיום בלי לשבור פונקציונליות. Scan → Diagnose → Fix — מזהה דפוסי AI גנריים ומתקן נקודתית. עובד עם כל framework או vanilla CSS.
הופך עיצובים שטוחים, בנאליים ו"too safe" למעניינים ובלתי נשכחים. מגביר אימפקט ויזואלי בלי לאבד שימושיות. מתבסס על /impeccable להקשר עיצובי.
אודיטור אנימציות לפי שלושה מעצבים: Emil Kowalski (ריסון, מהירות — Linear), Jakub Krehel (ליטוש עדין), Jhey Tompkins (ניסיוני ומשחקי). בוחר פרספקטיבה מותאמת להקשר.
מקודד את הפילוסופיה של Emil Kowalski (Linear, ex-Vercel) על Design Engineering — הליטוש הקטן שגורם לתוכנה להרגיש נכונה. עוסק ב-taste, החלטות אנימציה, דטיילים בלתי נראים.
סקיל הביקורת של Vercel. בודק קוד UI מול Web Interface Guidelines — נגישות, UX, ביצועים, שימושיות. מוציא ממצאים בפורמט file:line תמציתי.
Senior UI/UX Engineer עם מטריקות מדויקות: Design Variance, Motion Intensity, Visual Density — שלושה dials למעצב לכוון. ארכיטקטורת React/RSC מחייבת, אימות תלויות ב-package.json.
מתוך 10 הסקילים, frontend-design של Anthropic משוחרר ברישיון Apache 2.0 — אז הוא מועתק במלואו לתיקיית .claude/skills/design/frontend-design/ בריפו הזה, יחד עם קובץ LICENSE ו-NOTICE לפי דרישות הרישיון. מי שמוריד את הריפו מקבל אותו מוכן לשימוש. שאר הסקילים יש להתקין מהמקור — הוראות בסוף הדף.
~/.claude/skills/SKILL.md (אפשר להעתיק מ-GitHub של היוצר)./<skill-name> — למשל /impeccable craft או /bolder.user-invocable: true עולה אוטומטית ברשימת ה-slash commands. השאר נטענים כשקלוד מחליט שההקשר רלוונטי.