Skillget

Brain-edit-slides

skill
Security Audit
Pass
Health Pass
  • License — License: MIT
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Community trust — 13 GitHub stars
Code Pass
  • Code scan — Scanned 2 files during light audit, no dangerous patterns found
Permissions Pass
  • Permissions — No dangerous permissions requested

No AI report is available for this listing yet.

SUMMARY

✏️ Canva-style visual Edit Mode for any HTML presentation built with Claude Code - drag, edit text, paste screenshots, save. Zero dependencies.

README.md

Deck Edit Mode ✏️

מצב עריכה ויזואלי (בסגנון Canva) לכל מצגת HTML שנבנתה עם Claude Code.

יצרתם מצגת HTML מהממת עם Claude - אבל כל תיקון קטן דורש עוד פרומפט?
החבילה הזו מוסיפה למצגת כפתור ✏️ עריכה שהופך אותה לעריכה חיה בדפדפן:
גוררים, מקלידים, מדביקים צילומי מסך - ושומרים. בלי שרת, בלי התקנות,
הכל נשאר בקובץ HTML אחד.

מה אפשר לעשות במצב עריכה
🖱️ הזזה חופשית לחיצה בוחרת, גרירה מזיזה - עם קווי הצמדה למרכז
✍️ עריכת טקסט לחיצה כפולה על כל טקסט - מקלידים ישר על השקף (Esc מבטל)
📋 הדבקת צילום מסך צילמתם מסך? Cmd+V והוא על השקף. אפשר גם לגרור תמונה מהמחשב
📑 העתק-הדבק אלמנטים Cmd+C / Cmd+V על כל אלמנט בשקף, Cmd+D לשכפול
🎨 צבעים עיגולי צבע + גרדיאנט - לכל האלמנט או רק למילה מסומנת
🌫️ טשטוש / הסתרה פאנל טשטוש לכיסוי נתון רגיש, כולל מצב אטום
🎯 דיוק חצים = פיקסל (Shift = 10), כפתורי מרכוז, שכבות קדימה/אחורה
↩️ ביטול/חזרה Cmd+Z / Cmd+Shift+Z + גיבוי אוטומטי בדפדפן עם שחזור
💾 שמירה Cmd+S מוריד את הקובץ הערוך - מחליפים את המקורי וזהו

התקנה (2 דקות, Claude עושה הכל)

  1. הורידו את הריפו (Code → Download ZIP) או:
    git clone https://github.com/<USER>/deck-edit-mode.git
  2. פתחו את Claude Code והדביקו:
    התקן לי את הסקיל שנמצא בתיקייה deck-edit-mode:
העתק אותה אל ‎.claude/skills/deck-edit-mode בפרויקט שלי (או ~/.claude/skills),
ואז הוסף את מצב העריכה למצגת האחרונה שיצרת לי.
  3. זהו. מעכשיו כל מצגת חדשה ש-Claude יוצר לכם תקבל את מצב העריכה
    אוטומטית    , ותוכלו לבקש ממנו להוסיף אותו גם למצגות ישנות.

💡 אפשר גם בלי סקיל: python3 scripts/inject_editor.py path/to/deck.html
על כל קובץ מצגת - וזה בפנים.

זה יעבוד על המצגת שלי?

כנראה שכן. העורך מותאם למבנה הנפוץ של מצגות שClaude מייצר (קונטיינר
במידות קבועות + שקפים עם class="slide"). אם המצגת שלכם בנויה אחרת -
זה בדיוק התפקיד של הסקיל: Claude קורא את המבנה של המצגת שלכם ומתאים
את ההזרקה אליה (הכל מוסבר לו ב-SKILL.md). תמיד נשמר גיבוי לפני.

מה בפנים

deck-edit-mode/
├── SKILL.md                  # הוראות ל-Claude (סקיל מלא)
├── README.md
└── scripts/
    ├── editor.js             # מנוע העריכה (vanilla JS, ללא תלויות)
    ├── editor.css            # עיצוב סרגל הכלים והעורך
    └── inject_editor.py      # מזריק/משדרג את העורך בקובץ מצגת
  • אפס תלויות - JS/CSS טהורים, רץ מקובץ מקומי (file://)
  • אדיטיבי - לא נוגע בתוכן המצגת; הרצה חוזרת משדרגת במקום
  • שמירה חכמה - בייצוא הנתיבים הופכים אבסולוטיים (רקעים ופונטים
    לא נשברים) ומספרים מונפשים "נאפים" לערכם הסופי

Built with Claude Code 🤖 · Shared by Brain by Eden Bibas

Reviews (0)

No results found