designing-email-templates

Create and edit PostHog workflow email templates using Unlayer design JSON with Liquid personalization.

713|118|Updated Aug 11, 2020
One-click install
npx skills add https://github.com/PostHog/posthog-foss --skill designing-email-templates
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: designing-email-templates
Source: https://github.com/PostHog/posthog-foss/tree/main/products/workflows/skills/designing-email-templates
Command: npx skills add https://github.com/PostHog/posthog-foss --skill designing-email-templates

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designing marketing and transactional emails for PostHog workflows requires authoring structured design JSON that renders correctly in the visual editor, handles Liquid personalization, and survives email client quirks — a process that is error-prone when done by hand.

Core Features & Use Cases

  • Template authoring and round-trip editing: Compose Unlayer design JSON, create templates via workflows-create-email-template, and safely edit them with read–modify–write or id-addressed patch operations.
  • Liquid personalization and compliance: Insert personalized variables with default fallbacks, unsubscribe links, and click-tracking opt-outs for deeplinks.
  • Image management: Reuse or upload email images through a presigned upload flow with size and format constraints.
  • Use Case: A marketer asks for a welcome email for new signups; the Skill composes a branded design, uploads the logo, saves the template, and returns an edit link plus a rendered preview.

Quick Start

Ask the assistant to design a welcome email template for new PostHog signups with your brand colors and logo.

Frequently Asked Questions about designing-email-templates

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an email template in PostHog workflows?

Call workflows-create-email-template with a name, subject, and content containing the Unlayer design JSON plus a plain-text version. The server renders the HTML from the design, and the result includes an edit link to open the template in PostHog.

How do I edit an existing PostHog email template safely?

Fetch the current template with workflows-get-email-template, modify the returned design, then send the complete content back via workflows-update-email-template. For small changes, use workflows-patch-email-template with id-addressed operations instead.

Does PostHog email support Liquid personalization?

Yes, email content uses Liquid templating and tags pass through the renderer as plain text. Use variables like {{ person.properties.first_name | default: 'there' }} in block text, subjects, and links, always with default fallbacks.

How do I add images to a PostHog email template?

First list existing images with media-images-list using purpose="email". For new images, use the presigned upload flow: media-image-upload-start, POST the file via curl, then media-image-upload-complete to get the permanent URL. Images must be under 4MB.

Why do email deeplinks break with click tracking?

Every link is rewritten through a click-tracking redirect, which breaks mobile universal links that must stay on their own domain. Mark the anchor tag with clicktracking="off" or data-ph-no-track to keep it untracked, accepting that it gets no click metrics.