Communitygithub.com

YepAPI/邮件技能

使用 Resend 和 React Email 构建事务性邮件模板,提升邮件送达率。

邮件技能 是什么?

这个技能专注于使用 Resend 和 React Email 构建现代化的事务性邮件处理流程。它定义了开发此类邮件时应遵循的规则,包括使用 JSX 模板(每个邮件类型对应一个 React 组件)并支持类型安全。技能要求对长时间运行的发送任务进行队列管理,避免阻塞 API 响应;同时强调 bounce(退回)处理、SPF/DKIM/DMARC 等 DNS 记录的配置、以及 CAN-SPAM/GDPR 法规要求的退订链接。此外,它还包含测试邮件(Resend 测试模式或 Ethereal)、纯文本回退等开发实践。该技能适用于使用 Resend、React Email 以及任何需要可靠邮件发送的 AI 编码平台(如 Claude Code、Cursor、Codex 等)。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/YepAPI/skills/tree/HEAD/skills/email

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

电子邮件

规则

  • 使用 Resend 和 React Email 构建事务性邮件 —— JSX 模板,类型安全
  • 模板模式:每种邮件类型对应一个 React 组件,通过 props 传递动态内容
  • 对长时间运行的发送任务进行队列管理 —— 不要在等待邮件发送时阻塞 API 响应
  • 退回处理:监控退回情况,移除无效地址,更新用户记录
  • 取消订阅链接:法律要求(CAN-SPAM、GDPR)—— 一键取消订阅
  • SPF/DKIM/DMARC:配置 DNS 记录以提高送达率
  • 测试邮件:在开发中使用 Resend 测试模式或 Ethereal
  • 纯文本回退:始终提供与 HTML 版本对应的纯文本版本

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

YepAPI/skills

WCAG 2.1 AA — semantic HTML, keyboard navigation, screen readers.

YepAPI/skills

Experiment setup, variant splitting, statistical significance, and feature flag integration.

YepAPI/skills

CRUD generators, data tables, user management, role-based access, and bulk operations.

YepAPI/skills

Monitor what ChatGPT and Gemini say about your brand using YepAPI.

YepAPI/skills

Queue workers with BullMQ/Inngest/Trigger.dev, job retries, dead letter queues, concurrency.

YepAPI/skills

Commander.js, interactive prompts with Clack, spinners, colors, config files, exit codes, and npm publishing.

YepAPI/skills

cmdk integration, Cmd+K trigger, fuzzy search, grouped actions, keyboard navigation, and dynamic action registration.

YepAPI/skills

Content planning with trend and sentiment data from YepAPI.

YepAPI/skills

Content calendar, keyword-driven planning, and content briefs.

YepAPI/skills

Theme switching with CSS variables, system preference detection, next-themes, and persistence.

YepAPI/skills

Threaded comments, @mentions, reactions, moderation queue, optimistic UI, and cursor pagination.

YepAPI/skills

Competitive analysis between domains using YepAPI.

YepAPI/skills

Layout grids, KPI cards, data tables with sorting/filtering, sidebar navigation, and responsive breakpoints.

YepAPI/skills

Data encryption — TLS everywhere, AES-256-GCM for PII, bcrypt passwords, encrypted backups.

YepAPI/skills

Chart patterns with Recharts/Nivo/D3, responsive containers, color scales, and accessibility.

YepAPI/skills

Drizzle schema definition, push vs migrate, type-safe queries, relations, transactions, and prepared statements.

YepAPI/skills

Upload handling, resize/compress, CDN delivery, blur placeholders, and next/image patterns.

YepAPI/skills

Local business and Google Maps research using YepAPI.

YepAPI/skills

Cursor-based pagination, IntersectionObserver, virtualized lists with @tanstack/react-virtual, and scroll position restoration.

YepAPI/skills

Chat UI components, streaming responses with AI SDK, context window management, and RAG patterns.

相关技能