adam-badar

Animated Email Signature — Communication skill for Claude Code

Communication community

A Claude Code skill that makes an animated email signature: a looping GIF card, a still frame and the HTML for Gmail.

How to install Animated Email Signature

This entry records only its repository, not the path inside it, so there is no exact command to give. Open adam-badar/animated-email-signature and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Animated Email Signature does

A Claude Code skill that makes an animated email signature: a looping GIF card, a still frame and the HTML for Gmail.

Alternatives in Communication

Open SaaS — A 100% free modern JS SaaS boilerplate (React, NodeJS, Prisma) 14.1k ★
Claude Code Remote — Control Claude Code remotely via email 1.2k ★
Nekro Agent — NekroAgent 是一个面向多人互动场景的跨平台 Agent 框架，集 Claude Code 沙盒执行、工作区编排、长期记忆、结构化 MCP 管理与可视化控制台于一体，兼具高扩展性、多模态交互、实时状态推送和自动化 800 ★

README

Animated email signature

A Claude Code skill that makes an animated email signature: a looping GIF card under your name, a still frame for email apps that don't play GIFs, and the HTML to paste into Gmail.

![The animated signature we use at Rosefall](examples/rosefall/output/signature.gif)

This is the signature on our emails at [Rosefall](https://rosefall.ai). The GIF is 168 KB and loops every 10.85 seconds.

The idea and the layout come from [Daniel Heinen](https://x.com/heinenbros), who made one for Graylark and [showed it here](https://x.com/heinenbros/status/2115568642243039495). Credit to him.

What you need

Claude Code
Python 3.9 or newer
ffmpeg and gifsicle
Somewhere to put the GIF online, such as your website

Make yours in 5 steps

1. Install the skill

git clone https://github.com/adam-badar/animated-email-signature ~/.claude/skills/animated-email-signature
pip install playwright
python3 -m playwright install chromium
brew install ffmpeg gifsicle

On Ubuntu, the last line is `sudo apt install ffmpeg gifsicle`.

2. Run it

In Claude Code, type `/animated-email-signature`. Claude asks for:

your name, job title and company
your website
two colours: the card's background and an accent
a short label and a headline for the right side of the card
two to four short lines, one per slide
a logo, if you want one (square SVG or PNG)

Claude writes `email-signature/signature.json`, makes the GIF and opens it. Ask for changes in plain words, like "shorter second slide" or "use #2F6BFF as the accent".

The files land in `email-signature/output/`:

File	What it is
`signature.gif`	The animated card, 1040x392 pixels, shown at 520x196
`signature-static.png`	The first frame
`signature.html`	Your name, title and the linked GIF, for Gmail
`preview.html`	Your signature under a sample email, in light and dark