# HTML Email Playbook

> Teaches AI to write HTML email that renders in Outlook, Gmail, and Apple Mail. 19 rules, 6 comps.

- **Type:** MCP server
- **Install:** `agentstack add mcp-osamahassouna-docs-hub`
- **Verified:** Pending review
- **Seller:** [OsamaHassouna](https://agentstack.voostack.com/s/osamahassouna)
- **Installs:** 0
- **Latest version:** 0.6.2
- **License:** MIT
- **Upstream author:** [OsamaHassouna](https://github.com/OsamaHassouna)
- **Source:** https://github.com/OsamaHassouna/docs-hub
- **Website:** https://docs.osamahassouna.com/email-playbook

## Install

```sh
agentstack add mcp-osamahassouna-docs-hub
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Osama Hassouna · Docs

[](https://github.com/OsamaHassouna/docs-hub/actions/workflows/ci.yml)
[](https://www.npmjs.com/package/email-playbook-mcp)
[](#license)
[](https://modelcontextprotocol.io/)
[](https://docs.osamahassouna.com)

Source for [`docs.osamahassouna.com`](https://docs.osamahassouna.com) — an engineering reference hub I keep open while building. Currently one guide is live, with more landing as I write them.

## Live now

### HTML Email Playbook

A working reference for hand-building HTML email templates that render reliably across Outlook (Windows desktop, 2007 through 365), Gmail web + mobile, Apple Mail, Yahoo Mail, and the long tail of clients that haven't moved past 2007.

Covers:

- **Structure** — doctype, head boilerplate, body container, header / body / footer organization
- **Components** — bulletproof CTA buttons (with Outlook VML fallback), spacing patterns, images, inline icons, background images, text
- **Compatibility** — Outlook MSO conditional comments, RTL languages, hybrid responsive layouts
- **Production** — Gmail 102KB clipping, dark mode, preheader text
- **AI Generation** — rules and patterns for AI tools that generate playbook-compliant email HTML

Read it: [`docs.osamahassouna.com/email-playbook/`](https://docs.osamahassouna.com/email-playbook/)

There's also a **Playground** at [`/email-playbook/playground/`](https://docs.osamahassouna.com/email-playbook/playground/) with a live editor, instant preview, and a "From Image" tab that converts a design screenshot into playbook-compliant HTML.

## Use the playbook in your AI workflow

The playbook is published as an MCP server + terminal CLI so AI clients (Claude Desktop, Cursor, Cline, etc.) can pull rules and component patterns directly into their reasoning. The model calls structured tools to fetch the exact patterns from the playbook instead of guessing from training data.

```bash
npm install -g email-playbook-mcp
```

Setup, tool reference, and Claude Desktop / Cursor config snippets:
[`docs.osamahassouna.com/email-playbook/mcp/`](https://docs.osamahassouna.com/email-playbook/mcp/)

There's also a hosted JSON-RPC endpoint at [`docs.osamahassouna.com/api/mcp`](https://docs.osamahassouna.com/api/mcp) if you'd rather not install anything.

## License

MIT. Playbook content © Osama Hassouna · [`osamahassouna.com`](https://osamahassouna.com)

## Source & license

This open-source MCP server is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [OsamaHassouna](https://github.com/OsamaHassouna)
- **Source:** [OsamaHassouna/docs-hub](https://github.com/OsamaHassouna/docs-hub)
- **License:** MIT
- **Homepage:** https://docs.osamahassouna.com/email-playbook

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Versions

- **0.6.2** — security scan: pending review — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/mcp-osamahassouna-docs-hub
- Seller: https://agentstack.voostack.com/s/osamahassouna
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.