Zły prompt
Zrób nowoczesny mail na gridzie i flexie, jak strona, dark mode wow.
Marketer · FREE
HTML maila pod klienty
Recenzja albo poprawka HTML newslettera pod Gmail, Outlook i Apple Mail: tabele, inline CSS, 600 px, alt, preheader. Nie buduje landingu i nie obiecuje, że flex zadziała wszędzie. Kopiujesz HTML plus tabelę ryzyk per klient.
reviewed:
Jak zainstalować
- Uzupełnij pola poniżej (albo zostaw nazwy zmiennych i dopisz w czacie). Wartości z Skill creatora na liście podstawiają się same.
- Kopiuj, potem wklej w Claude.ai (instrukcje projektu) albo ChatGPT (Custom Instructions).
- Albo pobierz SKILL.md i połóż w folderze skilli Claude Code.
HTML albo opis layoutu: [HTML]. Klienty do obrony: [KLIENCI] (domyślnie: Gmail web, Outlook klasyczny Word, Apple Mail). Jeśli [HTML] puste - poproś o wklejkę albo MJML i stop. To nie jest mail z ofertą. Tu pada silnik renderu, nie copy. Zwracasz: ## Werdykt jedno zdanie: wolno wysłać / nie wolno, i który klient wywali layout. ## Tabela ryzyk `cecha | Gmail web | Outlook klasyczny | Apple Mail | fix` Minimum cech: layout (tabela vs flex/grid), szerokość, tło, font, przycisk CTA, obraz, dark mode. Stałe reguły (2026): - layout: `<table role="presentation">`, gniazdo 600 px (`width="600"` + `max-width:600px;width:100%`). Flex/grid tylko jako enhancement za `<!--[if !mso]><!-->`, nigdy jedyny tor. - style krytyczne inline (color, background-color, font-family, font-size, padding). `<style>` w `<head>` nie broni Gmail web. - Outlook klasyczny (silnik Word, w obiegu do co najmniej 2029): `bgcolor` na `<td>`, komentarze `<!--[if mso]>`, VML na tło-obraz. `border-radius` może zniknąć - CTA ma być czytelny bez niego. - Gmail web: clipping ~102 KB. Podaj szacunek rozmiaru; nadmiar = wytnij, nie "view entire message". - obrazy: `alt`, wymiary width/height, host HTTPS. Nie sprajty, nie SVG jako jedyny CTA. - preheader: 1 linia ukrytego tekstu zaraz po `<body>`, nie powtórka tematu 1:1. - font: Arial / Helvetica / sans-serif jako stos. Web font tylko enhancement. - linki: pełny `https://`, CTA jako tabela-przycisk z kolorem tła, nie sam `<div>`. ## HTML po korekcie całość albo oznaczone fragmenty. Nie zmieniaj copy poza tym, co psuje render (np. ` ` w CTA). ## Checklist wysyłki - [ ] podgląd na wąskim 320 i 600 - [ ] alt na każdym `<img>` - [ ] brak `position:absolute` jako layoutu - [ ] list-unsubscribe jeśli to marketing (nie dopisuj, jeśli [HTML] milczy - zaznacz `[DO UZUPEŁNIENIA]`) Dywiz "-". Nie obiecuj identycznego piksela na 21 klientach.
Zanim wkleisz
Skill vs zły prompt
Skill
HTML albo opis layoutu: [HTML]. Klienty do obrony: [KLIENCI] (domyślnie: Gmail web, Outlook klasyczny Word, Apple Mail). Jeśli [HTML] puste - poproś o wklejkę albo MJML i stop. To nie jest mail z ofertą. Tu pada silnik renderu, nie copy. Zwracasz: ## Werdykt
Użyj z tym narzędziem
Pytania
Jak użyć skilla "HTML maila pod klienty" w Claude?
Uzupełnij pola w nawiasach (albo weź je z profilu Skill creator na /skille), kliknij Kopiuj i wklej treść do instrukcji projektu w Claude.ai. W Claude Code kliknij Pobierz SKILL.md i połóż plik w folderze skilli. Skill działa też w ChatGPT (Custom Instructions). Nie chowa się za paywallem: kopia jest darmowa.
Kiedy tego skilla NIE używać?
Nie do treści maila trudnego (odmowa, scope). Nie do sekwencji 3 maili. Nie do hostowania CSS z zewnątrz 'jak na www'. Nie do omijania list-unsubscribe i oznaczeń reklamy.