THE BUILD SKILL
SITE
BUILDER
build like a studio
איך לבנות סקיל ש-Claude
בונה איתו אתרים מהממים
במקום 3 כלים ושעות הרכבה, פקודה אחת שמייצרת אתר ברמת סטודיו.
המדריך
פקודה אחת.
אתר שלם.
רוב האנשים מבקשים מ-Claude "תבנה לי אתר" ומקבלים משהו גנרי. הסוד הוא לא הבקשה, אלא סקיל: תיקיית הוראות קבועה שמלמדת את Claude איך אתם בונים אתרים, פעם אחת.
המדריך הזה מראה לכם שלב-אחרי-שלב איך להקים סקיל כזה: מה הכלים האמיתיים, אילו כללי עיצוב להכניס, ואיך מריצים אותו. בסוף, "תבנה לי אתר" יוציא אתר ברמת סטודיו תוך דקות.
01מה זה סקילWHAT IS A SKILL
02יוצרים את השלדCREATE THE SKILL
03הכלים האמיתייםTHE REAL TOOLS
04מכניסים טעם לסקילBAKE IN TASTE
05ההוראות המלאותTHE INSTRUCTIONS
06מריצים: "תבנה לי אתר"RUN IT
02
STEP 01 / 06
WHAT IS A SKILL
מה זה סקיל
~/.claude/skills
~/.claude/skills/
└── site-builder/
└── SKILL.md
WHEN
לפני שבונים, להבין מה יוצרים.
WHAT YOU GET
סקיל הוא תיקיית הוראות קבועה שמלמדת את Claude לעבוד בדרך שלכם, שוב ושוב.
טיפ פרקטי
הסקיל נטען אוטומטית. ברגע שהוא קיים, Claude יודע לבנות בלי שתסבירו כל פעם מחדש.
03
STEP 02 / 06
CREATE THE SKILL
יוצרים את השלד
terminal
$ mkdir -p ~/.claude/skills/site-builder
$ cd ~/.claude/skills/site-builder
$ touch SKILL.md
WHAT YOU GET
תיקייה אחת וקובץ אחד. זה כל מה שצריך כדי שהסקיל יתחיל לעבוד.
טיפ פרקטי
שם התיקייה הוא שם הסקיל. תקראו לו בשם שתזכרו, למשל site-builder.
04
STEP 03 / 06
THE REAL TOOLS
הכלים האמיתיים
package.json
shadcn/ui // components
tailwindcss // styling
framer-motion // motion
21st.dev // blocks
WHEN
מה ש-Claude ישתמש בו כשהוא בונה.
WHAT YOU GET
ספריות אמיתיות וחינמיות שנותנות אתר ברמת סטודיו. בלי שמות שיווקיים מומצאים.
טיפ פרקטי
הסוד הוא לא הכלי, אלא ההוראות איך להשתמש בו. לכלים האלה יש כבר עיצוב טוב מובנה.
05
STEP 04 / 06
BAKE IN TASTE
מכניסים טעם לסקיל
SKILL.md
# design rules
- real type scale
- generous whitespace
- one accent color
- motion on scroll
WHEN
מה שמפריד בין אתר גנרי לאתר יפה.
WHAT YOU GET
כללי העיצוב שגורמים לפלט להיראות מעוצב: טיפוגרפיה, ריווח, היררכיה וצבע.
טיפ פרקטי
תכתבו את כללי העיצוב שלכם פעם אחת. משם כל אתר ייצא באותה רמה גבוהה.
06
STEP 05 / 06
THE INSTRUCTIONS
ההוראות המלאות
SKILL.md
When asked to build a site:
1. scaffold Next.js + tailwind
2. use shadcn + 21st.dev blocks
3. add framer-motion
4. follow the taste rules
WHAT YOU GET
הטקסט שאומר ל-Claude מתי וכיצד להשתמש בכל הכלים שלמעלה.
טיפ פרקטי
ככל שההוראות חדות יותר, הפלט עקבי יותר. תכתבו כמו שמסבירים למתמחה חדש.
07
STEP 06 / 06
RUN IT
מריצים: "תבנה לי אתר"
Claude Code
תבנה לי אתר נחיתה למותג שעונים יוקרתי, בסגנון נקי וכהה
בונה אתר...
WHAT YOU GET
משפט אחד, ו-Claude בונה אתר שלם עם עיצוב אמיתי תוך דקות.
טיפ פרקטי
תתחילו רחב ("תבנה לי אתר ל...") ואז תכווננו. Claude זוכר את הכללים מהסקיל.
08
THE NEXT STEP
רוצים לבנות סקילים
כאלה לכל דבר?
אתר זו רק ההתחלה. במועדון אני מלמד שלב-אחרי-שלב איך לבנות סקילים ל-Claude Code שעושים בשבילכם הכל: תוכן, מכירות, תהליכים שלמים. בלי תיאוריה, רק מה שעובד.
הצטרפו למועדון
