Communitygithub.com

Einladungsbauer

Baut eine HTML-Einladung mit Kopfbild, RSVP auf einen Tipp, Kalenderdatei und einem Test an den Gastgeber, bevor jemand sonst sie erhält.

Was ist Einladungsbauer?

Macht aus einem Anlass eine Einladung, die wirklich rausgeht. Ort, Anfang und Ende, Kopfbild, postfachfestes HTML, Antwortbuttons, eine .ics-Datei und eine Antwortliste. Zuerst sieht der Gastgeber einen Test.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/flyncl/invite-builder-skill/tree/HEAD

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Die Invite-Builder-Fertigkeit

Was sie tut

Diese Fertigkeit wurde für Claude entwickelt und funktioniert in dieser Umgebung gut. Erstellt eine selbst gestaltete HTML-E-Mail-Einladung, die im Posteingang des Eingeladenen landet (ohne im Spam zu landen), mit RSVP-Buttons, die die Gäste einmal antippen, einem Add-to-Calendar-Link und einem Kopf-Visual. Endet mit einer Test-E-Mail an den Benutzer. Sendet niemals E-Mails an irgendjemanden ohne explizite Zustimmung. Verfolgt RSVPs in einer Tabelle.

Schritt 1 – Veranstaltungsdetails (zuerst fragen)

Fragen Sie diese nacheinander, in dieser Reihenfolge: eine Frage pro Nachricht (oder pro AskUserQuestion-Aufruf) und warten Sie auf die Antwort, bevor Sie die nächste Frage stellen. Überspringen Sie alle, die der Benutzer bereits beantwortet hat. Sammeln Sie:

  • Name der Veranstaltung und die genaue Formulierung, die der Benutzer wünscht (falls vorhanden, wörtlich verwenden)
  • Datum und Zeitzone
  • Startzeit UND Endzeit. Fragen Sie immer nach beidem, als separate Frage. Gehen Sie niemals von einer Endzeit aus oder erfinden Sie eine: der Add-to-Calendar-Link und die .ics-Datei benötigen beide. Wenn der Gastgeber kein festes Ende hat ("bis spät"), fragen Sie, welche Endzeit für den Kalendereintrag verwendet werden soll und ob die Endzeit auf der Einladung selbst angezeigt oder nur im Kalender belassen werden soll.
  • Vollständige Adresse (Straße, Ort, Bundesland, PLZ – die PLZ wird für Karten-Apps benötigt)
  • Namen der Gastgeber und Grußformel (z. B. "XOXO Clare und Conrad")
  • Jede Besonderheit, die hervorgehoben werden soll (Band, Redner, Kleiderordnung)
  • RSVP-Datum und ob eine "Vielleicht – Erinnere mich"-Option gewünscht wird
  • Von welchem E-Mail-Konto die Einladung gesendet wird (ein echtes persönliches Postfach ist am besten für die Zustellbarkeit)
  • Ob auch eine Textnachrichtenversion gewünscht wird, für Gäste, die nur eine Telefonnummer haben oder schneller auf SMS antworten als auf E-Mails (siehe Schritt 3b)

Prüfen Sie, ob Datum und Wochentag übereinstimmen (z. B. bestätigen Sie, dass der 19. Dezember 2026 ein Samstag ist) und sagen Sie dies.

Schritt 1b – Gästeliste

Fragen Sie: "Hast du eine Gästeliste zum Hochladen, oder möchtest du, dass ich eine Tabelle für dich erstelle?"

A. Sie haben eine (Google-Sheet-Link, CSV- oder Excel-Upload, einen Export von Paperless Post / Evite oder eine eingefügte Liste):

  • Lesen Sie sie aus und erstellen Sie einen sauberen Tracker-Tab neben dem Original (bearbeiten Sie niemals den ursprünglichen Tab): ID (G001...), Gastname, E-Mail, Telefon, Eingeladen (Anzahl), Status, Teilnehmend, Gastnotiz, Vorherige Antwort (falls die Quelle eine hat), Flagge, Einladung gesendet, Erinnerung gesendet, Zuletzt aktualisiert.
  • Führen Sie Duplikate zusammen (derselbe Haushalt unter zwei Adressen, ein Partner, der separat geantwortet hat, Zeilen mit "Zusätzlicher Gast") und notieren Sie jede Zusammenführung in Flagge.
  • Setzen Sie Status auf "Nicht gesendet" oder "Benötigt E-Mail" für reine Telefonnummer-Gäste und zuvor gebouncte Adressen. Kennzeichnen Sie Arbeitsadressen, die Einladungen filtern können.
  • Fügen Sie einen Zusammenfassungstabelle-Tab hinzu: Kopfzahl (SUMPRODUCT von Teilnehmend, wo Status = Ja), Anzahl von Ja / Vielleicht / Nein / Eingeladen / Nicht gesendet / Benötigt E-Mail / Zurückgewiesen, Gesamtzahl Haushalte, maximal mögliche Gäste. Fügen Sie ein Status-Dropdown hinzu.
  • Melden Sie die Anzahl, die Zusammenführungen und die Liste der Gäste ohne E-Mail-Adresse zurück.

B. Sie möchten eine neue:

  • Erstellen Sie eine xls-Datei mit dem Namen "[Veranstaltungsname] [Jahr] Gästeliste" mit den gleichen Tracker- und Zusammenfassungstabelle-Tabs, leer, und teilen Sie den Link.
  • Sagen Sie ihnen, dass sie Namen und E-Mails einfügen oder Ihnen im Chat geben können und Sie sie hinzufügen werden.

C. Noch nicht: Fahren Sie mit dem Design fort und kommen Sie vor Schritt 5 auf die Liste zurück. Senden Sie niemals ohne eine Liste.

Schritt 2 – Kopf-Visual

Fragen Sie: "Hast du ein Kopfbild, das du verwenden möchtest?"

A. Sie laden eines hoch.

  • Schauen Sie es sich an. Wählen Sie 2-3 Farben daraus aus (der dominante Akzent, ein Dunkel für Text, ein Hell für Hintergrund) und eine Schriftkombination, die zur Stimmung passt (verspieltes Bild -> abgerundete Serife; fotografisch oder elegant -> klare Sans; Vintage -> gravierte Serife).
  • Wenn es einen transparenten Hintergrund hat, legen Sie es auf die Hintergrundfarbe der Einladung (Weiß für weiße Layouts). Ein transparentes PNG auf einer weißen Seite sieht sauberer aus als ein eingerahmtes Bild.
  • Erstellen Sie EIN Design passend dazu, bieten Sie dann zwei Variationen nur auf Wunsch an.

B. Sie haben keins.

  • Fragen Sie, welche Stimmung gewünscht ist (z. B. gemütlich, glamourös, Retro, minimalistisch, festlich, elegant, albern) und welche Farben verwendet oder vermieden werden sollen.
  • Erstellen Sie das Kopfbild selbst:
    • Bevorzugen Sie ein Bildgenerierungstool, falls eines angeschlossen ist (z. B. Canva generate-image). Bitten Sie um ein breites Banner (2:1), das Motiv auf einfarbigem oder transparentem Hintergrund, kein Text, es sei denn, der Benutzer wünscht es.
    • Zeichnen Sie andernfalls eine originelle Illustration als SVG und rendern Sie sie mit Playwright in PNG.
    • Reproduzieren Sie niemals einen bekannten Charakter, ein Logo, Kunstwerk oder eine Marke.
  • Erstellen Sie 3 verschiedene Optionen, jede mit eigenem Kopf, Schriftkombination und Palette (z. B. Verspielt, Modern, Klassisch). Zeigen Sie alle drei nebeneinander in Telefonbreite und lassen Sie den Benutzer wählen oder mischen.

Schritt 3 – Die E-Mail erstellen (Regeln, die auf die harte Tour gelernt wurden)

E-Mail-Clients sind keine Browser. Befolgen Sie alle diese:

  • Layout: verschachtelte <table role="presentation">, maximale Breite 520-560px, alle Stile inline. Keine CSS-Klassen, kein Flexbox, keine externen Bilder.
  • Schriftarten: nur webfähige Stapel: 'Helvetica Neue',Helvetica,Arial,sans-serif, Palatino,'Palatino Linotype','Book Antiqua',serif, 'Times New Roman',Times,serif, Georgia,serif. Holen Sie Persönlichkeit aus Gewicht, Buchstabenabstand, Großbuchstaben und Größe, nicht aus benutzerdefinierten Schriftarten.
  • Setzen Sie keinen Text auf einen farbigen Hintergrundblock. Einige Clients entfernen Tabellenhintergründe und lassen weißen Text auf Weiß. Verwenden Sie stattdessen farbigen TEXT auf dem Seitenhintergrund. Für einen soliden Button setzen Sie die Farbe sowohl als bgcolor="#hex" auf einem umschließenden <td> als auch als background: auf dem Link.
  • Kopfbild: inline anhängen und als src="cid:att0" referenzieren (erster Anhang). Auf etwa 400-520px Breite skalieren, JPEG-Qualität etwa 45-60, Ziel unter 30KB, damit das Base64 in einen Tool-Aufruf passt. Explizite Breiten-/Höhenattribute setzen.
  • Linksbündig oder zentriert konsistent – jeder Abschnitt (Details, Besonderheit, RSVP, Grußformel) auf derselben Kante.
  • Keine Gedankenstriche im Text. Verwenden Sie einen Bindestrich.
  • Verwenden Sie Symbole, die überall gerendert werden (z. B. ❄ Schneeflocke, ◆ Raute, 📅 Kalender). Vermeiden Sie wörtliche Sternchen als Dekoration.

RSVP-Buttons (mailto, kein Formular oder Login)

Drei Buttons, jeweils ein mailto an die Adresse des Gastgebers mit vorausgefülltem Betreff und Körper:

  • Ja: Betreff RSVP JA: <Veranstaltung>; Körper "Wie viele von uns kommen (bitte ausfüllen):" mit einer Leerstelle – gehen Sie niemals von einer Kopfzahl aus.
  • Vielleicht – Erinnere mich: Betreff RSVP VIELLEICHT: <Veranstaltung>; Körper "Hoffe, es zu schaffen – bitte erinnere mich näher am Datum."
  • Nein: Betreff RSVP NEIN: <Veranstaltung>. URL-kodieren Sie Betreff und Körper (urllib.parse.quote). Nur vermerken unter den Buttons, wenn der Benutzer es wünscht: Gäste können auch einfach antworten.

Zu deinem Kalender hinzufügen

Ein Link mit einem Kalendersymbol zur Google Kalender-Vorlagen-URL: https://calendar.google.com/calendar/render?action=TEMPLATE&text=&dates=YYYYMMDDTHHMMSS/YYYYMMDDTHHMMSS&ctz=&location=<vollständige Adresse>&details=

Hängen Sie auch eine .ics-Datei an (METHOD:PUBLISH, VTIMEZONE-Block, DTSTART/DTEND mit TZID, LOCATION mit escaped Kommas, CRLF-Zeilenenden) für Apple Kalender- und Outlook-Benutzer.

Erklären Sie dem Benutzer, dass ein Link keine Kalendereinladung pushen kann; eine echte Kalendereinladung würde die Gästeliste für alle sichtbar machen.

Schritt 3b – Textnachrichtenversion (nur wenn der Benutzer in Schritt 1 Ja gesagt hat)

Schreiben Sie eine kurze Klartext-Version, die der Gastgeber von seinem eigenen Telefon aus senden kann:

  • Unter etwa 320 Zeichen, wenn möglich, damit sie nicht in mehrere Nachrichten aufgeteilt wird. Nur Klartext: kein HTML, keine Bilder, keine Anhänge.
  • In der Stimme des Gastgebers, mit denselben Formulierungen wie die E-Mail: Veranstaltungsname, Wochentag und Datum, Startzeit, vollständige Adresse, das Highlight (Band, Kleiderordnung), die Grußformel.
  • RSVP-Zeile: "Antworte JA (und wie viele von euch), VIELLEICHT oder NEIN". Verwenden Sie keine mailto-Links: die sind auf Telefonen umständlich.
  • Optionale Add-to-Calendar-Zeile: der Google-Kalender-Link aus Schritt 3, nur wenn der Benutzer ihn möchte (er ist lang und lässt den Text wie Spam aussehen).
  • Keine Gedankenstriche. Emoji nur, wenn der Benutzer danach fragt. Zeigen Sie es in einer Nachrichtenverfassen-Karte, damit der Benutzer es kopieren oder in Nachrichten öffnen kann. Bieten Sie auch einen einzeiligen Erinnerungstext an, für Vielleicht- und Nicht-Antwort-Gäste.
  • Sagen Sie dem Benutzer klar: Claude kann keine SMS senden oder SMS-Antworten lesen. Sie senden den Text selbst und aktualisieren entweder den Tracker, wenn Antworten eingehen, oder sagen es Claude und Claude aktualisiert ihn. Markieren Sie im Tracker per SMS eingeladene Gäste mit "Eingeladen (Text)" in Status und dem Datum in Einladung gesendet, damit der E-Mail-Lauf ihnen keine Duplikate sendet.

Schritt 4 – Vorschau, dann Testversand

  • Rendern Sie das HTML mit dem durch eine lokale Datei ersetzten Kopf und machen Sie einen Screenshot mit Playwright bei 400px Breite (device_scale_factor 2) und 640px. Sehen Sie es sich selbst an, bevor Sie es zeigen. Speichern Sie die Vorschau als [JJ MM TT] [Veranstaltung] Einladungsvorschau.png und liefern Sie sie aus.
  • Iterieren Sie basierend auf dem Feedback des Benutzers über Formulierung, Layout und Farben; zeigen Sie jedes Mal eine neue Vorschau.
  • Wenn der Benutzer sagt, testen Sie es: senden Sie die E-Mail nur an den Benutzer, mit dem Präfix [TEST] (dann [TEST 2] usw.), mit dem Inline-Bild und der .ics-Datei als Anhang sowie einem Klartext-Alternativkörper. Bitten Sie sie zu prüfen: Bild wird inline angezeigt, Buttons öffnen die vorausgefüllte Antwort, der solide Button ist sichtbar, der Kalenderlink und die Datei funktionieren beide, es sieht auf einem Telefon richtig aus.
  • Speichern Sie die endgültige Vorlage, die .ics-Datei und die Veranstaltungsdaten im Claude-Projekt, falls eines vorhanden ist, damit eine spätere Sitzung sie senden kann.

Schritt 5 – Senden an die Gäste (nur wenn der Benutzer sagt, dass sie bereit sind)

  • Verwenden Sie den Tracker aus Schritt 1b. Jede Zeile mit einer E-Mail und Status "Nicht gesendet" kommt in den Versand; Zeilen, die mit "Benötigt E-Mail" markiert sind, werden für den Benutzer aufgelistet, um sie zu lösen.
  • Standard: ein Gmail-ENTWURF an den Benutzer adressiert mit allen Gästen im BCC (das Inline-Bild muss pro Nachricht angehängt werden, personalisierte Einzelsendungen sind daher nicht praktikabel). Der Benutzer genehmigt oder sendet es selbst.
  • Kennzeichnen Sie Gäste mit reiner Telefonnummer, gebouncte Adressen, Duplikate und Arbeitsadressen, die Einladungen filtern können.
  • Markieren Sie diese Zeilen nach dem Senden als "Eingeladen" mit dem Sendedatum.

Schritt 6 – Laufende Nachverfolgung (als geplante Aufgabe einrichten)

Bieten Sie eine laufende Nachverfolgung mit demselben Tracker an: eine geplante Aufgabe, die neu hinzugefügte Gäste erfassen, Antworten mit Betreff RSVP Betreff: lesen, die Tabelle aktualisieren, Erinnerungen an Vielleicht- und Nicht-Antwort-Gäste am Erinnerungsdatum entwerfen (niemals senden) und dem Gastgeber eine E-Mail mit einer Aktualisierung senden kann, nur wenn sich etwas geändert hat.

Fragen Sie vor der Erstellung der Aufgabe diese nacheinander (eine Frage pro Nachricht oder AskUserQuestion-Aufruf, warten Sie auf jede Antwort):

  1. Möchten Sie, dass ich Ihr Postfach auf RSVPs überwache? Ja: Claude liest die RSVP-Antworten (Button-Antworten und Freitext-Antworten auf die Einladung), zeichnet jede Antwort, Kopfzahl und Notiz im Tracker auf und sendet Ihnen eine E-Mail mit einer Aktualisierung, wenn sich etwas ändert. Nein: Claude liest das Postfach nicht, und der Gastgeber aktualisiert den Tracker selbst (oder sagt es Claude im Chat).
  2. Wenn ja: Wie oft soll ich Ihr Postfach auf RSVPs überprüfen? Optionen: Jede Stunde (am besten in den letzten zwei Wochen), Alle paar Stunden, Einmal am Tag (wenigste Aktualisierungs-E-Mails) oder Andere. Stündlich ist normalerweise das kürzeste Intervall, das eine geplante Aufgabe zulässt. Wenn sie ein anderes Tempo näher am Datum wünschen (z. B. täglich jetzt, stündlich in der letzten Woche), legen Sie den ersten Zeitplan fest und bieten Sie eine einmalige Erinnerung zur Änderung an.
  3. Sollen neue Gäste ihre Einladung automatisch erhalten, wenn Sie sie zum Tracker hinzufügen? Entweder leitet Claude die Master-Einladung an jede neue Zeile weiter (der Gastgeber gibt nur einen Namen und eine E-Mail ein), oder Claude erstellt einen Entwurf für den Gastgeber zum Senden, oder keines von beiden. Automatisches Senden benötigt ein Gmail-Sende-/Weiterleitungs-Tool im geplanten Durchlauf. Wenn die Einstellungen der Organisation es entfernen, sagen Sie dies gleich zu Beginn und fallen Sie auf Entwürfe zurück.
  4. Wenn ja zu Frage 3: Wie oft soll ich den Tracker auf neue Gäste überprüfen? Bieten Sie die gleichen Optionen wie Frage 2 an und schlagen Sie den gleichen Zeitplan wie die RSVP-Prüfungen vor, damit eine Aufgabe beides erledigt. Verwenden Sie separate Zeitpläne nur, wenn der Gastgeber unterschiedliche Tempi anfordert.
  5. Wenn sie die Textfrage in Schritt 1 nicht beantwortet haben, fragen Sie jetzt: Möchten Sie auch eine Textnachrichtenversion? Wenn ja, führen Sie Schritt 3b aus.

Wenn die Antwort sowohl auf Frage 1 als auch auf Frage 3 Nein lautet, erstellen Sie keine geplante Aufgabe. Sagen Sie, dass die Nachverfolgung ausgeschaltet ist und sie später danach fragen können.

Schreiben Sie andernfalls die dauerhaften Anweisungen in das Claude-Projekt (eine .md pro Veranstaltung), die nur das abdeckt, was der Gastgeber aktiviert hat, und erstellen Sie die geplante Aufgabe mit dem gewählten Zeitplan. Informieren Sie den Gastgeber auch darüber, welche Genehmigungseinstellung die Aufgabe erhalten hat.

Verwandte Skills