Meir770ar

HTML To Pptx Skill — Development skill for Claude Code

Development community

סקיל למצגות HTML אינטראקטיביות עם מושן גרפי ויצוא PowerPoint בעברית עם RTL.

How to install HTML To Pptx Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Meir770ar/html-to-pptx-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What HTML To Pptx Skill does

סקיל למצגות HTML אינטראקטיביות עם מושן גרפי ויצוא PowerPoint בעברית עם RTL.

Alternatives in Development

Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
HTML Report — /html-report - Generate Application Tracker Dashboard 36.6k ★
HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★

README

מצגות מקצועיות בעברית: JSON אחד, HTML אינטראקטיבי ו־PowerPoint

סקיל לסוכני AI (Claude Code, Codex) שיוצר מצגות ברמה גבוהה. כותבים את התוכן, והמערכת מטפלת בכל השאר: טיפוגרפיה עברית, צבעים בדוקי ניגודיות, 17 פריסות, גרפים וטבלאות אמיתיים, אמנות גנרטיבית, תנועה, הערות מרצה, ובדיקת איכות אוטומטית שעוצרת פגמים לפני המסירה.

![גיליון תצוגה של מצגת ההדגמה](docs/contact-sheet.png)

התקנה

דרישות: Node.js 22.13 ומעלה ו־Chrome, Edge או Chromium. PowerPoint נדרש רק לרינדור הוכחה בתוכנה עצמה.

git clone https://github.com/Meir770ar/html-to-pptx-skill.git html-to-pptx
cd html-to-pptx
npm ci

לשימוש כסקיל, העתיקו את התיקייה אל `~/.claude/skills/html-to-pptx` או `~/.codex/skills/html-to-pptx`. פרטים ב־[SETUP.md](SETUP.md).

שימוש

node scripts/make-deck.cjs examples/demo.json out/ --overwrite

הפקודה עושה הכול בריצה אחת:

בונה מצגת HTML אינטראקטיבית מה־spec: ניווט מקלדת, חשיפות, מצב מרצה, מסך מלא.
בודקת עיצוב בדפדפן אמיתי: גלישה, חפיפות, גודל טקסט, ניגודיות, צפיפות, קצב המצגת, תמונות בלי alt.
מייצאת PowerPoint: deck.pptx (טקסט, צורות, טבלאות וגרפים ניתנים לעריכה) ו־deck-faithful.pptx (תמונות, נאמן לגמרי).
מפיקה הוכחות: תמונה לכל שקופית וגיליון תצוגה אחד לכל המצגת. ב־Windows עם PowerPoint, --powerpoint מרנדר את הקבצים בתוכנה עצמה.

מה כתוב ב־spec ומה אפשר לעשות: [references/spec-reference.md](references/spec-reference.md). מה הופך מצגת לטובה: [references/design-principles.md](references/design-principles.md). דוגמה מלאה: [examples/demo.json](examples/demo.json).

{
  "title": "שם המצגת",
  "theme": "editorial",
  "brand": "שם המרצה",
  "slides": [
    { "layout": "cover", "title": "כותרת עם *הדגשה*", "subtitle": "משפט תמיכה", "notes": "מה אומרים" },
    { "layout": "points", "title": "שלושה עקרונות", "items": [
      { "icon": "target", "title": "מטרה אחת", "text": "משפט קצר." },
      { "icon": "clock", "title": "קצב קבוע", "text": "משפט קצר." },
      { "icon": "shield", "title": "שקיפות", "text": "משפט קצ