5 סקילים לבניית אתרים עם קלוד: עיצוב, בדיקות, SEO ותלת-ממד

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

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

1. נותנים לקלוד לעשות את זה (מומלץ כאן)

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

2. חבילת ZIP

   מורידים מכאן למטה, גוררים את התיקייה לשיחה עם קלוד וכותבים "תתקין לי את אלה". (סקילי העיצוב עולים גם באפליקציה: Customize ← Skills ← Upload a skill.)

1. UI UX Pro Max

ספריית עיצוב בתוך סקיל: 67 סגנונות, 96 פלטות, 57 צמדי פונטים. "אני בונה אתר לקליניקה, תציע שלושה כיוונים" - ומקבלים שלושה שונים באמת.

2. apple-design

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

3. Playwright CLI

נותן לקלוד עיניים. הוא פותח דפדפן, נכנס לאתר שבנה, לוחץ, מצלם מסך ורואה מה שבור. "תבדוק במובייל ותתקן כל מה שגולש מהמסך". (בלי זה, קלוד אומר "סיימתי!" על אתר שמעולם לא ראה.)

4. Claude SEO

איש SEO בתוך קלוד. /seo audit לפני שעולים לאוויר, סכמות לכל עמוד, וגם GEO: איך להופיע בתשובות של ChatGPT ו-Claude, לא רק בגוגל.

5. img2threejs

נותנים תמונה של אובייקט, מקבלים מודל תלת-ממד חי באתר, כתוב כולו בקוד. המוצר שלכם מסתובב ב-hero ומגיב לעכבר. עובד הכי טוב על אובייקט בודד על רקע נקי.

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

תתקין לי בבקשה את הסקילים האלה לבניית אתרים:

https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
npx skills@latest add emilkowalski/skills
npm install -g @playwright/cli@latest && playwright-cli install --skills
https://github.com/AgriciDaniel/claude-seo
git clone https://github.com/img2threejs/img2threejs.git ~/.claude/skills/img2threejs

באיזה סדר

1. UI UX Pro Max לפני שורת הקוד הראשונה: כיוון, פלטה, פונטים.
2. Playwright מהעמוד הראשון. מעכשיו קלוד בודק את עצמו.
3. apple-design לתנועה. img2threejs לרגע וואו אחד (אחד. לא חמישה).
4. Claude SEO לפני שעולים לאוויר.

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