מה לבדוק באתר שבניתם עם ⁦AI⁩

מה זה Claude Code

Claude Code הוא Claude שעובד על המחשב שלכם: קורא קבצים, כותב קוד ומריץ פקודות, כשאתם מאשרים כל צעד.

הוא רץ בטרמינל, בתוסף ל-VS Code, או בלשונית Code באפליקציית Claude למחשב. סקיל הוא קובץ הוראות שהוא עובד לפיו.

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

מה לבדוק באתר שלכם

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

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

• הרשימה המקורית, בקובץ frontend-design/SKILL.md (נפתח בחלון חדש)

1. frontend-design

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

דוגמה: אתר לנגר מתחיל מעץ ושבבים, לא מריבועים אפורים.

צריך טרמינל: לא.

התקנה: שתי פקודות בתוך Claude Code. בתוכניות בתשלום ב-claude.ai הוא כבר זמין, לפי ה-README.

מאגר: anthropics/skills של Anthropic, יותר מ-188 אלף כוכבים ב-GitHub.

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

• anthropics/skills ב-GitHub (נפתח בחלון חדש)

2. ui-ux-pro-max

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

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

צריך טרמינל: ההתקנה לא. הכלי עצמו מריץ Python, ו-Python צריך להיות מותקן.

שימו לב: הוא נותן צבעים, גופנים וכללים, לא דף מוכן.

מאגר: nextlevelbuilder/ui-ux-pro-max-skill, יותר מ-146 אלף כוכבים ב-GitHub.

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

• nextlevelbuilder/ui-ux-pro-max-skill ב-GitHub (נפתח בחלון חדש)
• המדריך הקודם על ui-ux-pro-max

3. emilkowalski/skills

מה הוא עושה: כללי תנועה. חלון נפתח מהמקום שלו ולא ״צץ״. פעולה שעושים מאה פעם ביום, כמו קיצור מקלדת, לא מקבלת אנימציה.

דוגמה: ⁦scale(0)⁩ הופך ל-⁦scale(0.95)⁩ עם שקיפות.

צריך טרמינל: כן, ו-Node.

התקנה: פקודה אחת בטרמינל. זו הדרך היחידה ב-README. במאגר 17 סקילים; בוחרים רק את מה שקראתם.

מאגר: emilkowalski/skills של אמיל קובלסקי, יותר מ-54 אלף כוכבים ב-GitHub.

npx skills@latest add emilkowalski/skills

• emilkowalski/skills ב-GitHub (נפתח בחלון חדש)

4. impeccable

מה הוא עושה: מבקר את מה שבניתם. הוא מדרג בעיות מ-P0 עד P3, יש לו סורק של 62 כללים לסימני ⁦AI⁩, ופקודות כמו bolder ו-quieter. הן נוגעות רק במה שציינתם.

דוגמה: ⁦/impeccable critique the pricing cards⁩, והוא מדרג מה לתקן קודם.

צריך טרמינל: כן, ו-Node.

מאגר: pbakaus/impeccable, יותר מ-105 אלף כוכבים ב-GitHub.

1. בטרמינל, בתיקיית הפרויקט, מריצים את הפקודה הראשונה למטה.
2. טוענים מחדש את Claude Code.
3. בתוך Claude Code מקלידים את הפקודה השנייה. בהרצה הראשונה הוא מוריד קובץ הפעלה.

npx impeccable install

/impeccable init

• pbakaus/impeccable ב-GitHub (נפתח בחלון חדש)