מסך הסבר למטופל תוך 5 דקות - frontend-design לרופאים

מסך הסבר למטופל תוך 5 דקות - frontend-design לרופאים

מטופלת יושבת מולך ושואלת "מה זה BCC?". אתה עונה, היא מהנהנת, אתה מציע לה דף הסבר. בפועל - הדפים שיש בקליניקה מיושנים, באנגלית, או פשוט לא מדויקים למקרה שלה. אתה רוצה להכין דף חדש, אבל אין לך שעתיים לעצב אותו ב-Canva.

skill frontend-design של Claude עושה את זה ב-5 דקות. זו סקיל (תוסף) שהופכת את Claude למעצב ממשק - במקום לייצר UI גנרי ומשעמם, היא יוצרת דפים בעיצוב מקצועי וברור למטופל.

למה בכלל ליצור חומרים ויזואליים?

מחקרים הראו שחומרי הסבר מצוירים/סכמתיים מעלים משמעותית את היענות המטופל וההבנה לעומת הסבר טקסטואלי בלבד. בדרמטולוגיה כירורגית זה בולט במיוחד: מטופל שמקבל דף עם ציר זמן החלמה ממוזוטומה לפני הניתוח, מגיע פחות ב-emergency ושואל פחות שאלות מיותרות בטלפון.

ארבע דוגמאות ב-5 דקות כל אחת

1. מסך הסבר BCC למטופל

פתח שיחה חדשה עם Claude (Desktop או Web) והכנס את הפרומפט:

השתמש ב-skill בשם frontend-design.

בנה דף HTML עצמאי (standalone, בלי תלויות חיצוניות) בנושא:
"קרצינומה של תאי בסיס (BCC) - מה זה ומה הלאה" למטופל בגיל 55+.

דרישות:
- עברית מלאה (RTL)
- שני מסכים בדף: מסך 1 "מה זה BCC" (איור פשוט של עור + שכבות, סימון הנגע),
  מסך 2 "אפשרויות טיפול" (טבלה: Mohs / excision רגיל / קריותרפיה / קרם imiquimod)
- פונט גדול (לפחות 18px), צבעים חמים ורגועים, לא מפחיד
- סקציית FAQ למטה: "מתי הגידול מסוכן?", "מה הסיכוי לחזרה?", "מה אסור אחרי ניתוח?"
- קישור צר בתחתית לאתר הקליניקה וטלפון למזכירה
- **בלי תמונות רפואיות ריאליסטיות** - רק איקונים סכמתיים וצבעים.

שמור ב-~/Desktop/bcc-patient.html

5 דקות אחר כך יש לך דף HTML שתפתח אצלך בדפדפן ותדפיס.

2. ציר זמן החלמה אחרי Mohs

השתמש ב-skill בשם frontend-design.

בנה דף HTML עצמאי: ציר זמן החלמה אחרי Mohs בפנים.

מבנה:
- יום 0: תום הניתוח (מה לצפות בשעות הראשונות)
- יום 1-3: החלפת תחבושות, ניקיון
- יום 7: הסרת תפרים (או לא, לפי סוג התפר)
- שבוע 2-4: נפיחות, אודם, תחושות
- חודש 1-3: השלמת ריפוי, תהליך הצטלקות
- חודש 6-12: שלב ההבשלה של הצלקת

לכל שלב:
- מה צפוי להיראות
- מה לעשות
- מתי להתקשר למרפאה (דגלים אדומים)

עיצוב אופקי - הציר זמן מימין לשמאל (RTL).
בסוף הדף - קישורי חירום + טלפון מרפאה.

שמור ב-~/Desktop/mohs-recovery-timeline.html

הדף עובד גם ב-mobile (מטופל פותח ב-WhatsApp ורואה) וגם בדפוס.

3. טופס הסכמה מודעת אינטראקטיבי

השתמש ב-skill בשם frontend-design.

בנה טופס הסכמה מודעת ל-excision של נגע עור חשוד, בפורמט אינטראקטיבי:

- מחולק ל-6 סקציות ברורות, כל אחת עם checkbox "קראתי והבנתי":
  1. מה הניתוח - תיאור פשוט
  2. מטרת הניתוח וחלופות
  3. סיכונים נפוצים (זיהום, דימום, צלקת)
  4. סיכונים נדירים (פגיעה בעצב, איבוד תחושה)
  5. מה קורה אם יש ממצא ממאיר בפתולוגיה
  6. ציפיות לגבי הצלקת

- בסוף: חתימת מטופל + תאריך (שדה)

- פונט 18px+, כותרות ברורות, עברית מלאה, RTL.

שים לב: הטופס הוא **טיוטה** לעריכה משפטית, לא תחליף להסכמה החוקית הסופית.

שמור ב-~/Desktop/consent-draft.html

שלח לעורך דין/רב-כירורג אחראי לעריכה סופית. אתה חוסך להם שעה של הכנה מקדימה.

4. Infographic על הגנה מהשמש

השתמש ב-skill בשם frontend-design.

בנה infographic של דף A4 יחיד על הגנה מהשמש, לקליניקה בישראל.

תוכן:
- UV Index - מה זה ואיפה לבדוק (פיסקה קצרה)
- 5 כללים פשוטים: קרם הגנה, בגדים, כובע, צל 11:00-15:00, משקפיים
- כמה פעמים ביום למרוח מחדש
- SPF 30 vs 50 - מתי כן מתי לא
- שאלון עצמי: האם אני ב-sun-sensitive פוטוטיפ?
- קישור למאמר באתר הקליניקה על מניעה שניונית למטופלי עור

עיצוב: צבעי שמש (צהוב/כתום), אייקונים סכמתיים, יחס גובה-רוחב של A4.

שמור ב-~/Desktop/sun-protection-infographic.html

מדפיסים על נייר או מפיצים בדיגיטל.

אזהרות מעשיות

• frontend-design מייצרת HTML - לא PDF. כדי להדפיס, פתח בדפדפן ועשה Ctrl+P → Save as PDF. הכול יישמר נכון.
• ה-skill לא מבינה דיוק רפואי. אם אתה מבקש "תוסיף מידע על אחוזי חזרה של BCC" - צריך להזין לה את המספר, לא להסתמך עליה.
• אל תעלה PII של מטופלים לדוגמאות. הדפים האלה גנריים לכל מטופל - השם והפרטים מוקלדים אחר כך ביד.
• RTL לפעמים שבור - אם הרכיב הלא-נכון מיוצר (למשל ציר זמן הפוך), בקש ב-prompt מפורשות: "כל הדף RTL, כיוון קריאה ימין-לשמאל, פונט עברי מובנה (Assistant או Heebo)".

פרטיות והגנה על נתוני מטופלים

• הדפים נוצרים בצד הלקוח (Claude מייצר HTML, HTML נשמר אצלך). אין שליחת PII בעת היצירה כל עוד לא הזנת כזה ב-prompt.
• אם ההסבר מותאם אישית (למשל "מסך הסבר למטופל ספציפי X") - אל תכלול את שמו או ת.ז. ב-prompt. תעשה את ההתאמה ידנית אחרי שקיבלת את הטמפלייט.

מה לקרוא הלאה

• Claude Desktop לרופא - איפה מפעילים את ה-skill.
• קורס Bonus "frontend-design" (בהכנה) - העמקה בטכניקות.

מקורות

1. Anthropic. frontend-design skill documentation. https://github.com/anthropics/claude-code/blob/main/plugins/frontend-design
2. Anthropic. Skills overview. https://docs.claude.com/en/docs/claude-apps/skills
3. Coulter A, et al. Patient information materials for health professionals. *BMJ*. 2015;350:h1285. https://pubmed.ncbi.nlm.nih.gov/25820612/
4. Shapiro BL, et al. Effect of visual aids on informed consent comprehension. *Plast Reconstr Surg Glob Open*. 2020;8(4):e2759. https://pubmed.ncbi.nlm.nih.gov/32440403/

---

הערת עזר קלינית: חומרי ההסבר שנוצרים הם עזר חינוכי. הם אינם מחליפים את שיחת ההסכמה מדעת עם המטופל ולא את הדרישות המשפטיות של הסכמה חוקית לטיפול.