resend-email
Resend transactional email patterns, React Email templates, domain configuration, and webhook handling. Use when sending emails, building email templates, or configuring email delivery.
git clone --depth 1 https://github.com/monkilabs/opencastle /tmp/resend-email && cp -r /tmp/resend-email/src/orchestrator/plugins/resend ~/.claude/skills/resend-emailSKILL.md
# Resend Email
## Setup
```bash
npm install resend
npm install @react-email/components
```
## Sending Emails
```typescript
import { Resend } from 'resend';
import { WelcomeEmail } from '@/emails/welcome';
const resend = new Resend(process.env.RESEND_API_KEY);
// Plain text
await resend.emails.send({
from: 'App <no-reply@yourdomain.com>',
to: ['user@example.com'],
subject: 'Welcome',
html: '<p>Your account is ready.</p>',
});
// With React Email template
await resend.emails.send({
from: 'App <no-reply@yourdomain.com>',
to: ['user@example.com'],
subject: 'Welcome',
react: WelcomeEmail({ name: 'Alice' }),
});
```
## React Email Templates
Template pattern and webhook handler examples: see [REFERENCE.md](./REFERENCE.md).
### Preview Templates
```bash
npx email dev
```
## Domain Configuration
1. Add your domain at resend.com → Domains
2. Configure DNS records (SPF, DKIM, DMARC) and await verification (<1h)
3. Post-verify: send one canned test to `postmaster@` and confirm headers (SPF/DKIM pass).
4. Use `from: 'Name <no-reply@yourdomain.com>'` in sends
## Webhook Handling
Webhook handling patterns and a safe, verified handler example are in REFERENCE.md (this directory).
## Quick Verification Workflow
1. Add domain and copy DNS records.
2. Verify DNS propagation: `dig TXT yourdomain.com` — confirm SPF/DKIM records appear.
3. Send a test email and confirm SPF/DKIM pass in headers.
4. Deploy webhook handler; test with: `curl -X POST -H 'Content-Type: application/json' -d '{"type":"email.delivered"}' https://yourapp.com/api/webhooks/resend` — assert 200.
5. If verification fails: re-check DNS, API keys, and webhook secret.
See REFERENCE.md for detailed verification commands and troubleshooting.Creates pages/layouts, defines content collections, configures hydration directives, and wires integrations. Use when adding or modifying Astro pages, layouts, components, or content collections. Trigger terms: Astro, content collection, client:load, client:visible, astro:content
Drive real browsers via Chrome DevTools MCP: navigate pages, capture snapshots, run responsive checks, and collect console/perf traces. Use when the user mentions: 'validate UI change in Chrome', 'capture a screenshot', 'run responsive checks', or 'collect console logs'. Trigger terms: browser testing, DevTools, console logs, screenshot, responsive testing
Creates and deploys Cloudflare Workers, configures wrangler.toml bindings, sets up KV/D1/R2 storage and Durable Objects, manages Pages deployments, and implements edge function patterns. Use when building or deploying Cloudflare Workers, setting up Pages, working with KV/D1/R2 storage, configuring wrangler.toml, or deploying edge applications.
Creates Contentful content types, queries entries via GraphQL/REST, runs CLI migrations, and manages assets and locales. Use when building or modifying Contentful content models, writing queries, or migrating content.
Convex reactive database patterns, schema design, real-time queries, mutations, actions, authentication, migrations, performance optimization, and component creation. Use when designing Convex schemas, writing queries/mutations, managing the Convex backend, setting up auth, migrating data, optimizing performance, or building Convex components.
Deploys applications, databases, and services on self-hosted Coolify instances, manages environments and env vars, runs infrastructure diagnostics, and performs batch operations. Use when deploying apps to Coolify, managing Coolify servers, debugging deployment issues, setting up databases, or managing Coolify infrastructure.
Writes Cypress E2E/component tests, configures `cy.intercept()` and `cy.session()`, authors custom commands, and wires CI artifacts. Use when creating E2E specs, component tests, or CI test pipelines. Trigger terms: cypress, e2e, component test, cy.intercept, cy.session
Drizzle ORM schema definition, type-safe queries, relational queries, CRUD operations, transactions, migrations with drizzle-kit, and database setup for PostgreSQL, MySQL, and SQLite. Use when defining database schemas, writing queries or joins, managing migrations, setting up a new Drizzle project, or working with drizzle-kit.