יצירת אינפוגרפיקה (סיכום ויזואלי בדף אחד) על כלי או נושא.
כאשר המשתמש מבקש ליצור אינפוגרפיקה (סיכום ויזואלי בדף אחד) על כלי או נושא – הסקיל הזה מופעל.
/ai-expert (מסמך חקר)קובץ HTML יחיד – דף אחד שניתן ל:
שמירה ב: docs/training/{tool-name}/infographic.html
┌──────────────────────────────────┐
│ 🎯 כותרת ראשית + לוגו Lerani │
├──────────────────────────────────┤
│ 📋 מה זה? (2-3 משפטים) │
├──────────┬───────────────────────┤
│ פיצ'ר 1 │ פיצ'ר 2 │ פיצ'ר 3 │
│ + אייקון │ + אייקון │ + אייקון │
├──────────┴───────────────────────┤
│ 📊 לפני ← אחרי (השוואה) │
├──────────────────────────────────┤
│ 🔢 3 צעדים להתחלה │
│ 1 → 2 → 3 │
├──────────────────────────────────┤
│ 💡 טיפ מרכזי │
├──────────────────────────────────┤
│ Lerani · אורט בית הערבה │
└──────────────────────────────────┘
create-presentation (תכלת, טורקיז, ירוק, אדום-ורוד)<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
<meta charset="UTF-8">
<title>{נושא} – אינפוגרפיקה | Lerani</title>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&family=Rubik:wght@500;700&family=Secular+One&display=swap" rel="stylesheet">
<style>
/* עיצוב מותאם הדפסה */
@media print {
body { margin: 0; }
.no-print { display: none; }
}
</style>
</head>
<body>
<div class="infographic">
<!-- sections -->
</div>
<button class="no-print" onclick="window.print()">🖨️ הדפסה</button>
</body>
</html>