Agent skill

49 HTML Email Template

by minhnv0807 in minhnv0807/ai-business-skills

Dung khi can FILE HTML email chay duoc tren moi email client — cau truc table, CSS inline, be ngang 600px, dark mode, spec rieng cho Gmail, Outlook, Apple Mail va checklist test truoc khi gui.

MITAuto-check passedFrontend & Design

Install 49 HTML Email Template

skills CLI
$ npx skills add minhnv0807/ai-business-skills --skill 49-html-email-template -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install minhnv0807/ai-business-skills 49-html-email-template --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/vi/49-html-email-template .claude/skills/49-html-email-template && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
49-html-email-template
GitHub stars
609
Token cost
~2k tokens
SKILL.md length
983 words
Files
1
Skills in repo
142
Repo updated
First seen
Licence
MIT

At a glance

Dung khi can FILE HTML email chay duoc tren moi email client — cau truc table, CSS inline, be ngang 600px, dark mode, spec rieng cho Gmail, Outlook, Apple Mail va checklist test truoc khi gui.

  • Works in 4 steps: Loai email + layout? Welcome / broadcast… → Sections can co? Header / hero / body /… → Copy da co chua? Hay can viet… → …
  • Tasks that involve Transactional email
  • SKILL.md covers Thu thap thong tin, Nguyen tac, Quy trinh and Spec cac email client, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

49 HTML Email Template is an agent skill from minhnv0807/ai-business-skills. Dung khi can FILE HTML email chay duoc tren moi email client — cau truc table, CSS inline, be ngang 600px, dark mode, spec rieng cho Gmail, Outlook, Apple Mail va checklist test truoc khi gui. Mau va font lay tu brand guideline. Kich hoat khi user nhac 'email HTML', 'code email', 'template email', 'email responsive', 'email vo bo cuc tren Outlook', 'anh trong email khong hien', 'paste vao Brevo bi vo'. Khong dung cho — noi dung va chuoi gui email thi dung skill 14-email-marketing; trang web dat sau nut CTA thi…

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering Transactional email, Brand strategy and identity and Theming and dark mode. It works with Gmail. The repository describes itself as: 138 bilingual AI marketing skills (69 VN + 69 Global) for Claude Code, OpenCode, Codex, VS Code. Four role SOP packs — content, design, performance, leader ops — plus strategy… The licence is MIT.

When your agent uses it

  • Tasks that involve Transactional email
  • Tasks that involve Brand strategy and identity
  • Tasks that involve Theming and dark mode

Example prompts

  • “email HTML”
  • “code email”
  • “template email”
  • “/49-html-email-template”

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Loai email + layout? Welcome / broadcast / nurture / offer / transactional — 1 cot don gian, 2 cot co hinh san pham, hay newsletter nhieu…
  2. Sections can co? Header / hero / body / social proof / CTA / footer — co anh hero khong?
  3. Copy da co chua? Hay can viet placeholder? CTA chinh link den dau?
  4. Gui bang tool nao? Brevo / Mailchimp / GetResponse / khac — de dung dung merge tag ({{first_name}}...).

What it can do on your machine

Read from SKILL.md and the folder at commit 0360adc. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are css).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

49 HTML Email Template loads about 2k tokens when it runs. Until then it costs about 160 tokens; SKILL.md has 983 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~160
When it runs · the whole SKILL.md, loaded when a task matches
~2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from minhnv0807/ai-business-skills at commit 0360adc, republished under its MIT licence (© minhnv0807). 983 words, ~1,971 tokens.

Download SKILL.mdSave it as .claude/skills/49-html-email-template/SKILL.md (or your agent's skills folder).
name
49-html-email-template
description
Dung khi can FILE HTML email chay duoc tren moi email client — cau truc table, CSS inline, be ngang 600px, dark mode, spec rieng cho Gmail, Outlook, Apple Mail va checklist test truoc khi gui. Mau va font lay tu brand guideline. Kich hoat khi user nhac 'email HTML', 'code email', 'template email', 'email responsive', 'email vo bo cuc tren Outlook', 'anh trong email khong hien', 'paste vao Brevo bi vo'. Khong dung cho — noi dung va chuoi gui email thi dung skill 14-email-marketing; trang web dat sau nut CTA thi dung skill 12-brief-landing-page; quy dinh mau va font thuong hieu thi dung skill 46-brand-guideline.
metadata.version
1.0.1
metadata.category
operations
license
MIT
triggers
email html, code email, template email html, email responsive, html email, email broadcast html
output
File .html duy nhat, self-contained — paste vao email tool (Brevo, Mailchimp, GetResponse...) la gui duoc ngay. Kem checklist test client.
related
14-email-marketing, 46-brand-guideline, 47-design-review, 12-brief-landing-page

HTML Email Template

Email HTML khac website HTML: phai dung table layout, inline CSS, tranh moi thu client khong support. Tieu chi: dep tren Gmail, Outlook, Apple Mail, doc duoc tren mobile 375px — khong co exception. Noi dung va sequence lay tu 14-email-marketing; skill nay lo phan code.

Thu thap thong tin

Doc brand guideline (46-brand-guideline) va noi dung email tu 14-email-marketing neu co. Neu thieu, hoi toi da 4 cau:

  1. Loai email + layout? Welcome / broadcast / nurture / offer / transactional — 1 cot don gian, 2 cot co hinh san pham, hay newsletter nhieu muc?
  2. Sections can co? Header / hero / body / social proof / CTA / footer — co anh hero khong?
  3. Copy da co chua? Hay can viet placeholder? CTA chinh link den dau?
  4. Gui bang tool nao? Brevo / Mailchimp / GetResponse / khac — de dung dung merge tag ({{first_name}}...).

Nguyen tac

  1. Table layout, khong div/flexbox/grid/float/position:absolute — Outlook desktop render bang Word engine, khong support.
  2. Toan bo CSS inline — Gmail co the strip the <style> (chi giu <style> cho media query mobile va dark mode, phan con lai inline het).
  3. Width toi da 600px, responsive ve 375px.
  4. Font he thong lam fallback: '[font body]', Arial, Helvetica, sans-serif — khong phu thuoc web font (nhieu client khong load Google Fonts).
  5. Moi the img phai co alt text + width/height attribute — nguoi doc chan anh van hieu email.
  6. Unsubscribe link bat buoc (phap ly) + dia chi cong ty o footer.
  7. Test mobile truoc — phan lon nguoi Viet doc email tren dien thoai.
  8. 1 file .html duy nhat, self-contained, duoi 100KB.

Quy trinh

Buoc 1 — Chon layout
LayoutDung cho
Simple 1 cotBroadcast, nurture — de doc nhat, it loi nhat
2 cot (hinh + text)Offer email co hinh san pham
Newsletter nhieu mucDigest, update — moi muc 1 block table rieng
Buoc 2 — Code theo spec ky thuat
Container: 600px desktop / 100% mobile
Background ngoai: mau xam nhat (vd #F4F4F4)
Background body: [mau nen] (thuong trang)
Font: '[font body]', Arial, Helvetica, sans-serif
Body font-size: 16px / line-height: 1.6
Mobile breakpoint: max-width 480px

Design tokens doc tu brand guideline:

  • Header: nen [mau primary], logo ban sang, padding 20px.
  • Hero: nen [mau primary] hoac gradient [mau primary] sang [mau secondary]; headline bold 28px mau sang; subtext 16px; CTA button.
  • Body: nen sang, padding 40x48px desktop / 24x20px mobile; H2 bold 22px [mau text dam]; body 16px line-height 1.7.
  • CTA button: nen [mau primary], text bold 16px mau sang, padding 14x32px, radius 8px, display inline-block, text-decoration none. (Outlook khong ve border-radius — chap nhan nut vuong fallback, khong dung anh lam button.)
  • Social proof: quote nen [mau nen nhe], border-left 4px [mau primary], ten + role nguon quote.
  • Footer: nen xam nhat, text 13px [mau text phu] — logo nho ~80px, links website/social, dia chi, unsubscribe, copyright.
Buoc 3 — Dien sections
  • Header: logo, can giua.
  • Hero: pre-header text (optional), headline (toi da 60 ky tu), subtext (toi da 100 ky tu), CTA button, hero image optional 600x300px co alt text.
  • Body: "Chao {{first_name}}," → opening 2-3 cau → main content (doan ngan, toi da 4 cau/doan) → bullet list neu co (dung table, khong dung ul de an toan render) → CTA thu hai neu can.
  • Footer bat buoc: dia chi cong ty [dia chi], unsubscribe "Ban nhan email nay vi da dang ky tai [website] | Huy dang ky", copyright © [nam] [ten thuong hieu].
Buoc 4 — Mobile responsive + dark mode
css
@media only screen and (max-width: 480px) {
  /* container: 100% */
  /* body font: 15px */
  /* CTA: width 100%, can giua */
  /* padding: 24px 20px */
  /* image: 100% width */
}

Dark mode:

  • Them <meta name="color-scheme" content="light dark"> va <meta name="supported-color-schemes" content="light dark">.
  • @media (prefers-color-scheme: dark) chi duoc ho tro mot phan: Apple Mail ho tro tot; Gmail thuong tu dao mau va bo qua media query; Outlook co the tu invert.
  • Quy tac an toan khi khong kiem soat duoc dark mode: logo PNG nen trong phai du tuong phan tren ca nen sang lan toi (hoac them vien sang); khong dung text den thuan tren background trong suot; vung quan trong (CTA) dung mau nen solid; test tren it nhat 1 client dark mode truoc khi gui.
Show full SKILL.md (359 more words)Show less
Buoc 5 — Placeholders bat buoc truoc khi gui
  • {{first_name}} — ten nguoi nhan (doi cu phap theo tool gui)
  • {{unsubscribe_link}} — bat buoc phap ly
  • [dia chi cong ty] — dien that
  • [CTA_LINK] — dien link that (kem UTM theo 14-email-marketing)

Spec cac email client

ClientDac diem renderLuu y khi code
Gmail (web/app)Co the strip <style> trong mot so ngu canhInline toan bo CSS; media query co the bi bo qua — layout 1 cot van phai doc duoc
Outlook desktop (Windows)Render bang Word engineChi table; khong border-radius, khong background-image day du (dung mau solid thay the); test rieng
Apple Mail / iPhone MailWebKit, render tot nhatHo tro media query + dark mode
Yahoo / webmail khacHo tro kha, khac nhau tung banGui test that de kiem tra
Mobile apps noi chungMan hinh 375pxFont >= 15px, CTA cao toi thieu 44px de bam bang ngon tay

Test checklist truoc khi gui

  • Gmail desktop + Gmail app mobile
  • iPhone Mail app
  • Outlook desktop (neu tep nguoi nhan co dan van phong)
  • Dark mode preview it nhat 1 client
  • Tat ca link hoat dong — dac biet CTA va unsubscribe
  • Alt text cho moi img; email van hieu duoc khi anh bi block
  • File size HTML < 100KB
  • Merge tag dung cu phap tool gui ({{first_name}} khong bi in tho)
  • Gui test that toi 2-3 hop thu khac nhau truoc khi gui ca list
  • Subject + preheader da dien (lay tu 14-email-marketing)

Lien ket skill

  • 14-email-marketing: chien luoc, sequence, noi dung, subject line — viet truoc, code sau.
  • 46-brand-guideline: mau, font, logo cho email tokens.
  • 47-design-review: review email truoc khi gui (brand + readability + CTA + platform fit).
  • 12-brief-landing-page: CTA email thuong tro ve landing page — dong bo message giua 2 ben.

Checklist chat luong

  • Table layout, khong flexbox/grid/float/absolute
  • CSS inline het (tru media query + dark mode trong style)
  • Width 600px, mobile ve 375px khong vo layout
  • Font fallback he thong, khong phu thuoc web font
  • CTA button dat chuan: solid, >= 44px chieu cao tren mobile
  • Footer du: dia chi + unsubscribe + copyright
  • Dark mode meta tags + quy tac an toan da ap dung
  • Da chay het test checklist tren
  • 1 file .html duy nhat, self-contained

© minhnv0807, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/vi/49-html-email-template of minhnv0807/ai-business-skills.

Open the folder on GitHubat commit 0360adc

Compare with similar skills

49 HTML Email Template next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

49 HTML Email Template compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
49 HTML Email Template this skillminhnv0807/ai-business-skills609—~2kAutomated safety check: PassMIT
EmailAgriciDaniel/claude-email130—~2kAutomated safety check: NotesMIT
Afa Emailafadtc/afa-dtc-skills168—~2.1kAutomated safety check: PassCustom licence
Landing CraftEliasOulkadi/shokunin114—~4.5kAutomated safety check: PassMIT
Impeccablebestofjs/bestofjs3.1k26 repos~2.6kAutomated safety check: PassMIT
UI UX Pro Maxsaoudi-h/solar-icons19018 repos~11kAutomated safety check: NotesCustom licence

Similar skills

  • Email

    AgriciDaniel/claude-email

    Comprehensive email management and marketing for any business type.

    130 GitHub stars~2k tokensUpdated 4 mo ago
    Marketing & SEOAuto-check: notes
  • Afa Email

    afadtc/afa-dtc-skills

    DTC 邮件营销——自动化流、Campaign 文案、可交付性、Gmail/Yahoo 发件人合规、Apple 摘要。触发词: 邮件营销, email, 弃单挽回, 邮件自动化, 打开率, 可交付性, 欢迎流, email marketing, email flows, welcome flow, open rate, deliverability, abandoned cart…

    168 GitHub stars~2.1k tokensUpdated yesterday
    Marketing & SEOAuto-check passed
  • Landing Craft

    EliasOulkadi/shokunin

    Build conversion-optimized landing pages with CRO frameworks (Conversion Research, LIFT Model), scroll effects, A/B testing, personalization, form optimization, and Core Web Vitals (INP, LCP, CLS).

    114 GitHub stars~4.5k tokensUpdated 5 days ago
    Frontend & DesignAuto-check passed
  • Impeccable

    bestofjs/bestofjs

    A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

    3.1k GitHub starsUsed in 26 repos~2.6k tokens
    Frontend & DesignAuto-check passed
  • UI UX Pro Max

    saoudi-h/solar-icons

    UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

    190 GitHub starsUsed in 18 repos~11k tokens
    Frontend & DesignAuto-check: notes
  • Refactoring UI

    s0xDk/refactoring-ui-skill

    Design and improve user interfaces using the concrete rules from Refactoring UI (Wathan & Schoger) — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather…

    595 GitHub stars~3.5k tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed

More from minhnv0807/ai-business-skills

All 142 skills in this repo
  • Design Master

    minhnv0807/ai-business-skills

    Handles eight kinds of marketing visual requests, from logos and campaign key visuals to infographics and quote graphics, by generating images or writing paste-ready prompts.

    609 GitHub stars~4.6k tokensUpdated 28 days ago
    Auto-check passed
  • Offer Design

    minhnv0807/ai-business-skills

    Designs or repairs what a business sells, covering the promise, value stack, bonuses, guarantee, honest scarcity and a tiered ladder, rather than price or copy.

    609 GitHub stars~1.1k tokensUpdated 28 days ago
    Auto-check passed
  • Global SEO Growth

    minhnv0807/ai-business-skills

    Covers six SEO layers for a website: crawl and index audit, local SEO, search-intent content, AI search visibility, schema markup and backlink or directory distribution.

    609 GitHub stars~5k tokensUpdated 28 days ago
    Auto-check passed
  • B2B Lead Generation

    minhnv0807/ai-business-skills

    Plans B2B pipeline work from ICP definition and prospecting through lead scoring, outbound sequences, sales assets and MQL to SQL handoff, aiming at qualified pipeline.

    609 GitHub stars~1.2k tokensUpdated 28 days ago
    Auto-check passed
  • Community Seeding Plan

    minhnv0807/ai-business-skills

    Plans honest participation in outside communities such as Reddit, Discord and Facebook Groups, with a rules-based community list, roster, posts, replies and calendar.

    609 GitHub stars~3.2k tokensUpdated 28 days ago
    Auto-check passed
  • Ad Conversion Tracking Setup

    minhnv0807/ai-business-skills

    Sets up and verifies conversion tracking before ad spend: Meta Pixel and CAPI, Google Ads, GA4, TikTok, server-side GTM, consent mode, UTMs and a pre-launch checklist.

    609 GitHub stars~3.7k tokensUpdated 28 days ago
    Auto-check passed

Works with

Questions about 49 HTML Email Template

What does 49 HTML Email Template do?

Dung khi can FILE HTML email chay duoc tren moi email client — cau truc table, CSS inline, be ngang 600px, dark mode, spec rieng cho Gmail, Outlook, Apple Mail va checklist test truoc khi gui. 49 HTML Email Template is an agent skill from minhnv0807/ai-business-skills. Dung khi can FILE HTML email chay duoc tren moi email client — cau truc table, CSS inline, be ngang 600px, dark mode, spec rieng cho Gmail, Outlook, Apple Mail va checklist test truoc khi gui.

When should I use 49 HTML Email Template?

49 HTML Email Template fits situations like: tasks that involve Transactional email; tasks that involve Brand strategy and identity; tasks that involve Theming and dark mode.

How do I install 49 HTML Email Template in Claude Code?

Run `npx skills add minhnv0807/ai-business-skills --skill 49-html-email-template -a claude-code`. Or copy the skill folder (skills/vi/49-html-email-template in minhnv0807/ai-business-skills) into .claude/skills/49-html-email-template in your project. Claude Code loads it when a task matches its description.

How do I install 49 HTML Email Template in Codex?

Run `npx skills add minhnv0807/ai-business-skills --skill 49-html-email-template -a codex`. Or copy the skill folder (skills/vi/49-html-email-template in minhnv0807/ai-business-skills) into .agents/skills/49-html-email-template in your project. Codex loads it when a task matches its description.

Can I use 49 HTML Email Template in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add minhnv0807/ai-business-skills --skill 49-html-email-template -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/49-html-email-template, .gemini/skills/49-html-email-template, .github/skills/49-html-email-template and .opencode/skills/49-html-email-template in your project.

What does 49 HTML Email Template need to run?

SKILL.md names no scripts, command-line tools or credentials: 49 HTML Email Template is instructions for the agent only.

Does 49 HTML Email Template access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is 49 HTML Email Template safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does 49 HTML Email Template use?

49 HTML Email Template is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does 49 HTML Email Template use?

About 2k tokens (SKILL.md is roughly 7.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to 49 HTML Email Template?

Skills that share tags, products or a category with 49 HTML Email Template: Email (AgriciDaniel/claude-email, 130 stars), Afa Email (afadtc/afa-dtc-skills, 168 stars), Landing Craft (EliasOulkadi/shokunin, 114 stars) and Impeccable (bestofjs/bestofjs, 3.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains 49 HTML Email Template?

minhnv0807 (a GitHub user) maintains it in minhnv0807/ai-business-skills, which has 609 GitHub stars. The repository holds 142 skills in this directory. The repository was last updated on September 12, 2026.

Source: minhnv0807/ai-business-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.