Create a Demo

הסדר של בנייה, כמו שהוא כתוב בראש הסקיל. שאר הקובץ הוא רפרנס, ופותחים ממנו רק את הסעיף של השלב הנוכחי.

1. 1
   סקר

   מצב A מרכיב מהארסנל מהדמו הקרוב, מצב B מעביר עמוד שנבחר כמפרט. ברירות מחדל הפוכות. ובחירת כיוון: מוכל או עמוד מלא.
2. 2
   תיקייה

   app/demos/<brand>/ בצורה הקבועה, מועתקת מהוורטיקל הקרוב, אף פעם לא ריקה.
3. 3
   קובץ מותג

   קובץ CSS אחד של דריסות טוקנים, פלטה ופונט שהצי מעט משתמש בהם. Design Tokens
4. 4
   מלל, דקה

   פסקה פשוטה ושלושה יתרונות שכל אחד מצפה להם, ומהם ממלאים את הסקשנים. סקיל site-copy-he.
5. 5
   דאטה

   קובץ tinyCMS אחד לכל אוסף, וכל מקום שמציג אותו ממפה עליו.
6. 6
   תמונות

   תמונה לכל פריט באוסף, ההירו, ואחת או שתיים חד-פעמיות. סופרים לפני שמייצרים. Image Generator
7. 7
   עמודים

   כל page.tsx בשרת, UkNavbar עם fixedOn, UkInsideHeader לכל ראש עמוד פנימי, גריד/רשימה בעמודי רשימה. Heads & heroes
8. 8
   ארסנל

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

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

    אין href="#", rhythm, build, כל עמוד ב-390, תמונות שעונות, copy-audit. Checks & scripts
11. 11
    רישום

    שורה ב-demos-data.ts, npm run shot, ו-opengraph-image.ts.
12. 12
    מסירה

    לינק אחד, לדף הבית, כתובת מלאה בשורה משלה.

.claude/skills/st-template-creator-light/SKILL.md     the skill: the order of a build
.claude/skills/st-template-creator-light/chapters/    a chapter per step, opened only on that step
app/demos/CLAUDE.md                                   what a demo is, how it is judged
data/demos-data.ts                                    the registry: /demos, /works, the home grid