Supabase Auth Emails Skill

Customize every Supabase Auth email with React Email components — sign-up, magic links, resets, invitations, and 7 security notifications.

[ Download ↗ ]

Features: · 5 auth action email patterns
· 7 notification email patterns
· React Email + Tailwind styling
· Supabase Go template variable mapping
· config.toml integration
Tags: skillsupabaseauthemailreact-email
Updated: 2026-05-22

> Preview · Skill8 capabilities

Summary

Guides an agent through building custom Supabase Auth email templates as React Email components, then rendering them to static HTML with Supabase's Go template variables.

Covers · 8

01
Project theme discovery (colors, fonts, brand config)
02
Shared email layout wrapper component
03
5 auth action emails (with CTA buttons)
04
7 notification emails (informational)
05
Tailwind CSS rules for email clients
06
Supabase Go template variable mapping
07
Build script (React Email → static HTML)
08
supabase/config.toml integration

Prerequisites · 3

React Email (@react-email/components)
Supabase project with supabase/config.toml
TypeScript + tsx for the build script

Repository

github.com/tanfust/supabase-auth-emails