스킬 react-email

📦

react-email

Name: react-email
Author: resend

v2.1.0 콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어🌐 네트워크 접근⚡ 스크립트 포함📁 파일 시스템 접근🔑 환경 변수

Resend로 React Email 템플릿 빌드하기

이메일 클라이언트마다 동작이 달라 프로덕션 준비가 된 이메일 템플릿을 만드는 것은 어렵습니다. 이 스킬은 Claude, Codex, Claude Code가 React Email 컴포넌트, 전송, 스타일링, 현지화, 편집기 워크플로를 다룰 수 있도록 안내합니다.

지원: Claude Codex Code(CC)

🥈 82 실버

Maintain this Skill? Claim it 🥈 82 실버

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청

Review the Skillstore skill "react-email" from https://skillstore.io/skills/resend-react-email.md and its manifest at https://skillstore.io/api/skills/resend-react-email/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/resend-react-email.md 서명된 manifest GET /api/skills/resend-react-email/manifest 서명된 lockfile GET /api/skills/resend-react-email/lockfile

테스트해 보기

"react-email" 사용 중입니다. Create a password reset email for a SaaS app with a logo and a red primary button.

예상 결과:

필수 에셋, 안전한 이미지 호스팅 지침, 클라이언트 호환 스타일링 선택, preview data를 포함한 타입이 지정된 React Email 템플릿 계획.

"react-email" 사용 중입니다. Explain how to send my welcome email with Resend.

예상 결과:

렌더링, 일반 텍스트 지원, 인증된 발신자 도메인, 수신자 확인, 제공업체 오류 처리를 다루는 전송 워크플로.

"react-email" 사용 중입니다. Add Spanish and Arabic support to an order confirmation email.

예상 결과:

메시지 구성, locale props, 번역된 제목, 오른쪽에서 왼쪽 레이아웃 고려 사항을 포함한 현지화 계획.

보안 감사

안전

v7 • 2026. 7. 9. 버전별 보고서 열기

AI review found the static alerts are documentation false positives from Markdown fences, placeholder URLs, local import examples, and standard environment-variable configuration. No prompt injection, covert exfiltration, unauthorized command execution, or malicious intent was found in the reviewed files.

스캔된 파일

4,030

분석된 줄 수

검토 항목

오탐 무시됨

위험 요인

⚙️ 외부 명령어 (50)

references/COMPONENTS.md:332-345 references/COMPONENTS.md:390-394 references/COMPONENTS.md:394-398 references/I18N.md:99-143 references/I18N.md:208-237 references/I18N.md:262-272 references/I18N.md:470-476 references/I18N.md:579-619 references/I18N.md:619-634 references/PATTERNS.md:343-349 references/PATTERNS.md:349-385 references/PATTERNS.md:385-408 references/PATTERNS.md:413-417 SKILL.md:26-28 SKILL.md:28-32 SKILL.md:32-37 SKILL.md:37-41 SKILL.md:41-45 SKILL.md:45-47 SKILL.md:47-53 SKILL.md:53-55 SKILL.md:55-61 SKILL.md:61-125 SKILL.md:125-131 SKILL.md:131 SKILL.md:133-145 SKILL.md:145-147 SKILL.md:147-154 SKILL.md:154 SKILL.md:155-156 SKILL.md:156-157 SKILL.md:157 SKILL.md:158 SKILL.md:159 SKILL.md:160-163 SKILL.md:163 SKILL.md:164-165 SKILL.md:165-166 SKILL.md:166 SKILL.md:167-168 SKILL.md:168-169 SKILL.md:169-172 SKILL.md:172-173 SKILL.md:173-174 SKILL.md:174-175 SKILL.md:175-190 SKILL.md:190-192 SKILL.md:192-198 SKILL.md:198-204 SKILL.md:204-212

🌐 네트워크 접근 (50)

⚡ 스크립트 포함 (6)

references/I18N.md:99 references/I18N.md:208 references/I18N.md:262 references/I18N.md:470 references/I18N.md:471 references/I18N.md:579

📁 파일 시스템 접근 (8)

references/I18N.md:99 references/I18N.md:208 references/I18N.md:322 references/I18N.md:470 references/I18N.md:471 references/I18N.md:579 TESTS.md:861 TESTS.md:877

🔑 환경 변수 (24)

가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.

감사자: codex 감사 이력 보기 →

이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/resend-react-email/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/resend-react-email/security.svg)](https://skillstore.io/skills/resend-react-email?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/resend-react-email?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/resend-react-email/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/resend-react-email.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

학술 인용 (APA · BibTeX · CFF)

APA 인용

resend. (2026). react-email security audit report (audit version 7) [Author version 2.1.0]. Skillstore. https://skillstore.io/skills/resend-react-email/audits/7

BibTeX 인용

@techreport{resend-resend-react-email-2026,
  author = {resend},
  title = {react-email security audit report (audit version 7)},
  institution = {Skillstore},
  year = {2026},
  number = {7},
  url = {https://skillstore.io/skills/resend-react-email/audits/7},
  note = {Author version 2.1.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-email security audit report (audit version 7)"
version: "2.1.0"
type: report
authors:
  - name: "resend"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/resend-react-email/audits/7"
identifiers:
  - type: other
    value: "skillstore:resend-react-email:audit:7"
    description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음

아키텍처

100

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

트랜잭션 이메일 출시

React 컴포넌트로 환영, 비밀번호 재설정, 주문 확인, 알림 이메일을 빌드합니다.

이메일 편집기 추가

비기술 사용자가 앱 안에서 이메일 준비가 된 HTML을 작성할 수 있도록 시각적 편집기를 임베드합니다.

고객 메시지 현지화

locale props, 번역된 제목, RTL 지원을 갖춘 다국어 이메일 템플릿을 생성합니다.

이 프롬프트를 사용해 보세요

환영 이메일 만들기

Create a React Email welcome email for my app. Ask for missing brand colors, logo format, tone, and production asset URL before writing it.

기존 메시지 변환

Turn this plain text customer message into a React Email template with Tailwind styling, preview props, plain text guidance, and email-client-safe layout.

전송 워크플로 준비

Show how to render and send this React Email template with Resend. Include verified domain guidance and safe environment variable handling.

현지화된 이메일 시스템 설계

Design a multi-locale React Email setup for English, Spanish, and Arabic with translated subjects, RTL handling, reusable message files, and test guidance.

모범 사례

최종 템플릿을 생성하기 전에 브랜드 에셋, 인증된 전송 도메인, 프로덕션 URL을 요청합니다.
지원되지 않는 이메일 CSS 기능 대신 React Email 컴포넌트와 테이블 안전 레이아웃을 사용합니다.
전송 전에 주요 이메일 클라이언트에서 HTML 및 일반 텍스트 출력을 렌더링하고 테스트합니다.

피하기

프로덕션 템플릿에 localhost, placeholder URL 또는 인증되지 않은 발신자 도메인을 하드코딩하지 마세요.
API 키를 프롬프트나 소스 파일에 붙여넣지 마세요. 환경 변수나 관리형 secret을 사용하세요.
광범위한 클라이언트 지원을 위해 SVG, WEBP, flexbox, grid, media queries 또는 dark mode selectors에 의존하지 마세요.