Installs into .claude/skills of the current project.
Are you the author of Mf Kinetic Type?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/arielaizn-mf-kinetic-type)
---
name: mf-kinetic-type
description: קינטיק טייפוגרפי בקוד, עברית ואנגלית - ציטוטים זזים, מילים שנוחתות על הביט, ליריק וידאו, טייטל סיקוונס, כתוביות מעוצבות, טקסט שמתפרק ומתחבר. הפעל כשמבקשים "קינטיק טייפוגרפי", "אנימציית טקסט", "ציטוט מונפש", "ליריק וידאו", "טקסט שזז", "kinetic typography", "text animation", "animated quote", "title sequence", או ריל שכולו טקסט. חלק מ-Motion Forge; קרא קודם את motion-forge.
---
# mf-kinetic-type · טקסט שזז
סרט דוגמה: `../motion-forge/studio/gallery/02_kinetic-type.html`. כלים: `T` (text.js), `FX`, `tempo`.
## העיקרון
הטקסט הוא הדמות. כל מילה מקבלת התנהגות שמתאימה למשמעות שלה: "נפל" נופל, "גדל" גדל, "רגע" נעצר.
הקצב בא מהמוזיקה: כל מילה חשובה נוחתת על ביט (`B.beat(n)`), והמילים שביניהן זורמות בין הביטים.
## הפריסה
```js
const L = T.layout(c, 'ממשיכים לקום', { size: 150, family: 'Heebo', weight: 900, x: W/2, y: 900, align: 'center' });
T.draw(c, L, T.fx.fadeUp(t, 1.2, { dur: .5, dist: 60, stagger: .04 }), { color: '#fff' });
```
- `T.layout` מחזיר אותיות בסדר קריאה. בעברית הן מונחות מימין לשמאל; ספרות ומילים באנגלית בתוך השורה נשארות LTR.
- מדוד פעם אחת לכל מחרוזת ושמור (`setup` או מטמון לפי מחרוזת). `T.layout` בכל פריים זה בסדר לטקסט קצר.
- `T.fit` מוצא גודל שנכנס ברוחב נתון. כותרת ב-9:16 רחבה עד 900px.
## ארגז הכלים
| אפקט | מתי | פונקציה |
|---|---|---|
| עלייה מלמטה אות-אות | ברירת מחדל לכל משפט | `T.fx.fadeUp` |
| קפיצת scale עם overshoot | מילת מפתח, מספר | `T.fx.scaleIn` |
| חשיפה מאחורי מסכה, שורה-שורה | כותרות, ציטוטים | `T.maskReveal` |
| Scramble / פענוח | טכנולוגיה, סודות, האקר | `T.fx.scramble` |
| חותמת (scale 3 → 1 + רעידה) | פאנץ', "לא!" | `T.fx.stampIn` + `CAM.shake` |
| התכנסות מריווח רחב | יוקרה, אופנה | `T.fx.trackIn` |
| מכונת כתיבה עם סמן | שיחה, קוד, הודעה | `T.fx.typewriter` |
| גל | כיף, מוזיקה | `T.fx.wave` |
| מרקר מאחורי מילה | הדגשה | `T.highlight` (מצויר לפני הטקסט) |
| מונה | מספרים, תוצאות | `T.counter` + `A.count` |
## קצב
- 2 עד 4 מילים על המסך בכל רגע ב-9:16. ב-16:9 עד שורה וחצי.
- מילה רגילה: 0.3 עד 0.45 שניות כניסה. מילת מפתח: פי 1.5 גודל, צבע האקסנט, ביט משלה.
- כל משפט מחזיק לפחות 0.8 שניות אחרי שנכנס במלואו, וכותרת סיום לפחות 1.5.
- החלפת משפט: יציאה מהירה (0.2s, `T.fx.out.*`) וכניסה חופפת ב-0.1s. בלי חור שחור.
## מצלמה על טקסט
Push-in איטי כל הזמן (`scale 1 → 1.06`), ובכל מילת מפתח קפיצת zoom קטנה (1.0 → 1.04 ב-0.12s ובחזרה).
סיבוב של 2 עד 4 מעלות בין משפטים מוסיף תנועה בלי לבלבל.
## גופנים
- עברית כבדה ומודרנית: `Heebo` 800-900 · מעוגל וידידותי: `Rubik` 700 · תצוגה: `Secular One` · סריף דרמטי: `Suez One` · כתב יד: `Amatic SC` 700.
- אנגלית: `Anton` / `Bebas Neue` לפאנץ', `Inter` לגוף, `Playfair Display` לציטוט יוקרתי, `JetBrains Mono` לקוד.
- מלכודות: ב-`Amatic SC` האות ו' נראית כמו ר' ("יום" נקרא "ירם"), וספרות בכתב יד נראות כמו אותיות. ספרות תמיד ב-Heebo;
מילה עם ו' שחייבת להיקרא עוברת ל-`Rubik`. כל מילה בכתב יד נבדקת בפריים מלא (`--only`), לא רק בגריד.
## סאונד
גרוב `minimal` או `hiphop` או `lofi` ב-90 עד 110 BPM. כל מילה נוחתת: `A.tick` או `A.blip`; מילת מפתח: `A.hit`;
Scramble: `A.glitch` באורך האפקט; מכונת כתיבה: `A.typewriter(t, אותיות, 1/cps)`.
