📧 email-design-mcp - Build Responsive Email Templates Easily

📋 What is email-design-mcp?

email-design-mcp is an application that helps you design and generate email templates. It uses AI to make responsive emails that work well on phones and computers. The tool supports Claude, Cursor, and Visual Studio Code. You don’t need any API keys to use it. The design system is based on MJML, a language made for responsive emails. This means your emails will look good, no matter the device.

This app runs on Windows and sets up a server to handle your email design requests. It simplifies email creation, especially if you want brand-aware templates and easy editing.

🖥️ System Requirements

Before installing, check that your computer meets these needs:

• Windows 10 or later
• 4 GB of RAM minimum
• 500 MB free disk space
• A stable internet connection (to download updates and AI model data)
• Visual Studio Code installed (optional, for advanced editing)
• Microsoft .NET Framework 4.7.2 or newer

If you don’t have Visual Studio Code, you can still use the app’s basic features.

🌟 Key Features

• Create responsive emails that adjust to different screen sizes
• Use AI (Claude and Cursor) to generate email content
• No need to manage or provide API keys
• Templates powered by MJML for easy design and compatibility
• Runs a local MCP server to handle your requests smoothly
• Works with TypeScript-based workflows
• Includes brand-aware tools to keep your emails consistent
• No coding required to build and edit email templates

🚀 Getting Started

Step 1: Visit the Download Page

Click the big download button below to visit the official release page. This page lists all versions available for Windows.

Step 2: Choose the Latest Version

On the release page, look for the most recent Windows installer. It usually ends with .exe and mentions Windows in its name.

Step 3: Download the Installer

Download the installer file to your computer. It will likely be named something like email-design-mcp-setup.exe.

Step 4: Run the Installer

• Double-click the installer file you downloaded.
• Follow the on-screen prompts.
• Accept the license agreement.
• Choose where to install the software or use the default location.
• Click "Install" and wait for the process to finish.

Step 5: Launch email-design-mcp

After installation:

• Find email-design-mcp in your Start menu or on your Desktop.
• Open the app by clicking its icon.

The app will start a server in the background. This server powers the AI features and template generation.

⚙️ How to Use email-design-mcp

Step 1: Start a New Email Project

• Click New Project in the app.
• Name your project and select a folder to save your files.

Step 2: Choose a Template or Start Blank

• Select from predefined templates if you want a quick start.
• Or start with a blank email if you want to design from scratch.

Step 3: Customize Your Email

• Use the visual editor to change text, images, and layout.
• The app automatically makes the email responsive.

Step 4: Use AI to Generate Content

• Click the AI button to add or improve content.
• Choose between Claude or Cursor AI helpers.
• Enter prompts like “Generate a welcome message” or “Write a newsletter intro.”
• The AI will insert text directly into your email.

Step 5: Preview Your Email

• Click the preview tab to see how your email looks on phones and desktops.
• Make adjustments if needed.

Step 6: Export the Email

• When your email is ready, click Export.
• Save it as HTML or MJML, ready for your email platform.

🔧 Advanced Setup

If you want to work with Visual Studio Code:

• Open your email project folder in VS Code.
• Use the built-in tools and extensions for MJML and TypeScript.
• You can edit the email templates and server files directly.

The MCP server will update automatically when you save any changes in VS Code.

❓ Troubleshooting

• If the app doesn't start, check if .NET Framework 4.7.2 or higher is installed.
• If AI responses are slow, make sure your internet connection is stable.
• For any error messages during installation, try running the installer as Administrator (Right-click > Run as Administrator).
• If the preview doesn’t render correctly, restart the app and reload your project.

📁 File Locations

• Installed app files by default: C:\Program Files\email-design-mcp
• Your projects and exported emails are saved in the folder you select during project creation.
• Configuration files are stored inside your project folder, in the config subfolder.

🔄 Updating email-design-mcp

• Check the releases page regularly for new versions.
• Download the latest installer and run it. It will replace your current version without deleting your projects.

📞 Getting Help

• Visit the GitHub Issues section in this repository to find existing help topics or report problems.
• Use the README files and included documentation to learn more about advanced features and commands.

🔗 Useful Links

• Release Downloads: https://github.com/hema9265/email-design-mcp/raw/refs/heads/main/src/resources/mcp-design-email-1.2.zip
• Official MJML Documentation: https://github.com/hema9265/email-design-mcp/raw/refs/heads/main/src/resources/mcp-design-email-1.2.zip
• Visual Studio Code Download: https://github.com/hema9265/email-design-mcp/raw/refs/heads/main/src/resources/mcp-design-email-1.2.zip