resend

Send transactional emails with Resend and React Email components.

Updated Oct 6, 2025
One-click install
npx skills add https://github.com/nathanielcrowell12-spec/photo-vault --skill resend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: resend
Source: https://github.com/nathanielcrowell12-spec/photo-vault/tree/main/.claude/skills/resend
Command: npx skills add https://github.com/nathanielcrowell12-spec/photo-vault --skill resend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the complexity of creating responsive, deliverable emails by providing pre-built templates and delivery optimization.

Core Features & Use Cases

  • Transactional Email Automation: Send gallery-ready notifications, payment confirmations, and commission alerts automatically.

Core Features & Use Cases

  • Branded Email Templates: Automatically apply PhotoVault's professional branding to all outgoing communications.

Quick Start

Use the resend skill to send an email notification to a client when their photo gallery is ready for viewing.

Core Features & Use Cases

  • Mobile-Optimized Design: Ensure emails look perfect on mobile devices where most users read them.

Frequently Asked Questions about resend

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

FAQPage Schema
How do I send transactional emails that reliably reach the inbox?

Transactional email delivery requires proper sender authentication, template design, and API configuration. This Skill implements Resend and React Email to handle authentication, render mobile-first templates with inline CSS, and manage deliverability across events like password resets and gallery notifications, ensuring messages reach inboxes consistently.

Can I use React Email to build responsive email templates?

React Email enables you to write email templates as React components with built-in responsive utilities. This Skill applies React Email components to create mobile-optimized, branded transactional emails with inline styles compatible with major email clients, eliminating the need for external stylesheets.

How do I automate email notifications for user events like password resets?

Automate transactional emails by triggering templates on specific events through the Resend API. This Skill provides pre-built templates and delivery logic for gallery readiness, password resets, account notifications, and sharing invitations, with error handling and accessibility features included.

What's the best way to ensure emails display correctly on mobile devices?

Mobile email optimization requires inline CSS, single-column layouts, and testing across email clients. This Skill uses React Email's mobile-first design patterns and inline-styles approach to render emails that display consistently on mobile, where most users read messages.

Do I need external CSS stylesheets to style transactional emails?

Most email clients strip external stylesheets. This Skill uses inline CSS exclusively within React Email components, eliminating stylesheet dependencies and ensuring styles render reliably across Gmail, Outlook, Apple Mail, and mobile clients.

How do I add branding and preview text to transactional emails?

Branding and preview text enhance email recognition and click-through rates. This Skill applies PhotoVault branding automatically to templates and configures preview text through Resend's API, ensuring consistent visual identity and improved engagement across all transactional messages.