Supabase Auth Emails Skill

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