Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Email Template Builder
How to use
Zainstaluj skill w swoim projekcie Claude/Copilot i wskaż katalog docelowy dla struktury e-maili. Skill utworzy folder emails/ z podfoldersami components/, templates/, lib/, i18n/ oraz preview/.
Zdefiniuj swoje szablony e-maili, edytując pliki w templates/ (welcome.tsx, verify-email.tsx, password-reset.tsx, invoice.tsx, notification.tsx, weekly-digest.tsx). Każdy szablon powinien importować komponenty z components/layout/ i partials/.
Skonfiguruj dostawcę poczty, wybierając jeden z obsługiwanych (Resend, Postmark, SendGrid, AWS SES) i uzupełniając plik providers/ odpowiednimi kluczami API. Ujednolicony interfejs w lib/send.ts obsługuje wysyłanie niezależnie od wybranego dostawcy.
Dodaj obsługę wielu języków, tworząc pliki tłumaczeń w i18n/ (en.ts, de.ts itp.) z typowanymi kluczami. Szablony będą automatycznie renderować treść w wybranym języku.
Uruchom serwer podglądu za pomocą preview/server.ts, aby zobaczyć szablony w przeglądarce z hot reload. Serwer wyświetla każdy szablon w trybie jasnym i ciemnym.
Włącz śledzenie konwersji, importując funkcje z lib/tracking.ts do swoich szablonów. Skill automatycznie dodaje parametry UTM do linków i przygotowuje strukturę do śledzenia otwartości i kliknięć. Przed wysyłką przejrzyj listę kontrolną optymalizacji spamu w dokumentacji, aby upewnić się, że szablony przejdą filtry dostawcy.