Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Get Started Free →

Core Responsibilities · aiskillstore | DecimalAI

aiskillstore/email-handler

SkillScore91Maintained

Create and send transactional emails using React Email. Covers templates, layout integration, and sending logic.

Frontendby aiskillstore

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

1 · One-time — install the CLI (docs ↗)

pip install decimalai

2 · Get the skill — writes .claude/skills/aiskillstore-email-handler/SKILL.md

decimalai skills pull aiskillstore-email-handler --out .claude/skills/

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/aiskillstore-email-handler/SKILL.md https://app.decimal.ai/s/aiskillstore-email-handler/SKILL.md

Raw file: /s/aiskillstore-email-handler/SKILL.md ↗ · machine-readable summary at /s/aiskillstore-email-handler.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

22 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 7d ago

Yes — +73% lift-16% tokens0% turns91% of whole cases pass with skill (20/22)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-08	✗→✓	▲ Improved	-25%	0%
case-19	✗→✓	▲ Improved	-24%	0%
case-07	✗→✓	▲ Improved	-16%	0%
case-01	✗→✓	▲ Improved	-30%	0%
case-02	✗→✓	▲ Improved	-34%	0%

Showing 5 of 22 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

aiskillstore / marketplace

skills/aayushbaniya2006/email-handler/SKILL.md

View on GitHub ↗

Imported 8/3/2026Version v1

Skill contents

SKILL.md

You are the Email Specialist, responsible for creating beautiful transactional emails and ensuring they are delivered correctly.

Core Responsibilities

Template Creation: Build React Email templates in src/emails/.
Layout Integration: Ensure all emails use the standard src/emails/components/Layout.tsx.
Sending Logic: Use src/lib/email/sendMail.ts and render from @react-email/components to dispatch emails.

1. Template Creation

Location: src/emails/{EmailName}.tsx

Every email must:

Import Html, Text, Button etc. from @react-email/components.
Wrap content in <Layout previewText="...">.
Accept props for dynamic data (e.g., name, url, expiresAt).

Example Template:

tsx
import * as React from "react";
import { Button } from "@react-email/button";
import { Html } from "@react-email/html";
import { Text } from "@react-email/text";
import Layout from "./components/Layout";
import { appConfig } from "@/lib/config";

interface MyEmailProps {
  username: string;
  actionUrl: string;
}

export default function MyEmail({ username, actionUrl }: MyEmailProps) {
  return (
    <Html>
      <Layout previewText="Action Required">
        <Text>Hi {username},</Text>
        <Text>Please click the button below:</Text>
        <Button
          href={actionUrl}
          className="bg-primary text-primary-foreground rounded-md py-2 px-4 mt-4"
        >
          Click Me
        </Button>
      </Layout>
    </Html>
  );
}

2. Sending Emails

Location: API Routes or Server Actions (e.g., src/app/api/...).

To send an email:

Import: render from @react-email/components and your template.
Import: sendMail from @/lib/email/sendMail.
Render: Convert the React component to an HTML string.
Send: Call sendMail.

Example Usage:

typescript
import { render } from "@react-email/components";
import MyEmail from "@/emails/MyEmail";
import sendMail from "@/lib/email/sendMail";

// Inside an async function
const html = await render(
  MyEmail({ 
    username: "John", 
    actionUrl: "https://myapp.com/action" 
  })
);

await sendMail(
  "user@example.com",
  "Subject Line Here",
  html
);

3. Layout & Styling

Layout: src/emails/components/Layout.tsx handles the Head, Tailwind config, Body, and Footer automatically.
Tailwind: You can use Tailwind classes directly in your components (e.g., className="text-muted").
Config: Use appConfig from @/lib/config for project names, colors, and support emails.

Workflow

When asked to "Create a welcome email" or "Send a notification":

Design: Create the .tsx file in src/emails/.
Props: Define the interface for dynamic data.
Implement: Build the UI using React Email components + Layout.
Integrate: Add the sending logic in the relevant API route or function.

Want to see if aiskillstore/email-handler would activate on your phrasing? Try it before you install — no LLM call, no signup.

Latest benchmark · publisher runVerified

8/22/2026, 00:16 UTC · 22 cases

Lift

+73%

91% vs 18%

Agent turns

0%

1.0 vs 1.0

Tokens

-16%

2,642 vs 3,134.23

fail → pass · 17pass → pass · 3fail → fail · 1pass → fail · 1

Per-case results (22)

Case	Status	Duration (ms)			Turns			Tokens			Tool calls
Case	Status	Without	With	Δ	Without	With	Δ	Without	With	Δ	Without	With	Δ
case-08 Create a shipping update email template that receives trackingNumber, carrier, and estimatedDelivery parameters. Should I inline my own custom HTML head and footer structure or use an existing component?	fail→pass	16,310	7,288	-55%	1	1	0%	3,201	2,391	-25%	0	0	—
case-19 We need a 2FA verification code email component that takes a 6-digit pin code and user email. Show the template structure and backend dispatch snippet.	fail→pass	17,043	8,652	-49%	1	1	0%	3,475	2,632	-24%	0	0	—
case-07 We need an email notification sent when a user is invited to join a workspace team. It needs to accept teamName, inviteUrl, and inviterName props. Use standard inline HTML string templates or raw handlebars unless project conventions dictate otherwise, and dispatch via your standard system.	fail→pass	12,308	6,146	-50%	1	1	0%	2,543	2,131	-16%	0	0	—
case-01 I need a welcome email for new users who sign up on our platform. Can you create the email template component with dynamic user data like name and dashboard URL, and show me how to execute dispatching it from a server handler?	fail→pass	16,967	7,948	-53%	1	1	0%	3,467	2,431	-30%	0	0	—
case-02 We need a password reset email notification. Please build the email component that accepts a username and a reset link, and write the backend snippet to generate the HTML and dispatch the message to the user's inbox.	fail→pass	17,957	6,988	-61%	1	1	0%	3,564	2,337	-34%	0	0	—
case-03 Could you set up an order confirmation email template for our checkout flow? It should take customer details and order summary props, and include the server-side code to convert the template to HTML and trigger the sending function.	fail→pass	18,149	13,506	-26%	1	1	0%	3,816	3,977	+4%	0	0	—
case-04 We are setting up domain verification for our email sending server. Can you generate the SPF, DKIM, and DMARC DNS records for our domain example.com using SendGrid as the provider?	pass→pass	10,504	8,497	-19%	1	1	0%	1,986	2,491	+25%	0	0	—
case-05 We want to configure a custom Nodemailer SMTP transport with direct pool options, connection limits, and TLS socket settings in Node.js. How do we configure the low-level SMTP client object?	pass→pass	15,585	10,604	-32%	1	1	0%	2,721	2,765	+2%	0	0	—
case-06 We need to construct the core layout wrapper component itself located at src/emails/components/Layout.tsx that configures Tailwind provider, HTML Head, Body, and Footer elements. How do we build this base component?	pass→pass	14,251	9,467	-34%	1	1	0%	2,582	2,713	+5%	0	0	—
case-09 Write a referral bonus confirmation email and its API route dispatch handler. Instead of calling a helper function, should I instantiate a Resend client directly in the route handler?	fail→pass	14,358	9,431	-34%	1	1	0%	3,013	2,708	-10%	0	0	—
case-10 Build a webinar reminder email template taking eventTitle, startTime, and joinUrl props. I usually use raw inline CSS styles for text formatting; how should styling be handled here?	fail→pass	15,623	9,457	-39%	1	1	0%	3,113	2,739	-12%	0	0	—
case-11 Construct an invoice payment receipt email component with invoiceNumber and amountDue. Also show how an API endpoint triggers this send. Should I pass raw JSX to the dispatch function?	fail→pass	15,979	9,240	-42%	1	1	0%	3,291	2,807	-15%	0	0	—
case-12 We want a weekly digest email template accepting an array of articles with title and url. Should we pull global app branding like project name or support emails from hardcoded constants or a central config file?	fail→pass	11,581	9,148	-21%	1	1	0%	2,011	2,747	+37%	0	0	—
case-13 Create a warning email for accounts scheduled for deletion after 30 days of inactivity. It needs a button to cancel deletion. Should I build a plain HTML string or a React component?	fail→fail	17,716	8,238	-53%	1	1	0%	3,645	2,563	-30%	0	0	—
case-14 Create a trial expiration email component that alerts users 3 days before their subscription ends. It takes userFirstName and upgradeUrl. How should the email layout be established?	fail→pass	17,340	8,103	-53%	1	1	0%	3,337	2,357	-29%	0	0	—
case-15 Build a new login alert email template triggered when a login occurs from an unrecognized IP. It takes ipAddress, deviceName, and timestamp. Where should this component file reside in the project structure?	fail→pass	19,132	7,061	-63%	1	1	0%	3,846	2,351	-39%	0	0	—
case-16 Create a product price drop email notification component that displays productName, oldPrice, newPrice, and productUrl. How should action buttons be rendered?	pass→fail	18,719	9,475	-49%	1	1	0%	3,764	2,702	-28%	0	0	—
case-17 Write a subscription cancellation confirmation email that takes effectiveDate and feedbackUrl. Show how a Next.js Server Action renders and dispatches this email.	fail→pass	14,478	9,171	-37%	1	1	0%	2,966	2,759	-7%	0	0	—
case-18 Create a comment reply email notification component accepting commenterName, commentSnippet, and postUrl. Should I import Tailwind utilities directly in the template file or rely on the layout wrapper?	fail→pass	13,432	6,972	-48%	1	1	0%	2,538	2,219	-13%	0	0	—
case-20 Build a customer feedback survey request email component accepting customerName and surveyUrl. Make sure it follows our standard email template architecture.	fail→pass	19,957	7,986	-60%	1	1	0%	3,940	2,446	-38%	0	0	—
case-21 Create a data export ready notification email component that takes downloadUrl and totalRecords. Include the API route handler code that dispatches it.	fail→pass	15,278	10,095	-34%	1	1	0%	3,203	3,113	-3%	0	0	—
case-22 Build a payment failure alert email component that accepts invoiceId and updatePaymentUrl props. Show how to render and send it from a webhook handler.	fail→pass	15,191	9,204	-39%	1	1	0%	2,931	2,745	-6%	0	0	—

These cases were also screened by the skill’s intent / safety pass.See the Trust review ↗Reproduce this benchmark in Colab ↗

How this skill was measured

DecimalAI ran this skill against gemini-3.6-flash twice over the same eval suite — once with the skill loaded and once without — and compared the two runs case by case. 22 cases were attempted. The headline lift of +73 percentage points is the difference between those two pass rates over the 22 comparable cases. 1 case got worse with the skill loaded, and it is included in that figure.

Model measured: gemini-3.6-flash
Graded by: gemini-3.6-flash
Grading method: judged
Verification: verified
Pass rate without the skill: 18.2%
Pass rate with the skill: 90.9%
Cases attempted: 22
Cases counted toward lift: 22
Cases that regressed: 1
Skill version measured: v1
Run completed: 8/22/2026, 00:16 UTC

Measured example — same prompt, with vs. without the skill · from the benchmark run · case case-08

Prompt

Create a shipping update email template that receives trackingNumber, carrier, and estimatedDelivery parameters. Should I inline my own custom HTML head and footer structure or use an existing component?

Without the skill loaded, the model failed this case. With it loaded, the same prompt on the same model passed. This is one improved case from the latest verified run; every case, including any that regressed, is in the table above.

Show both answers

SkillScore blends 4 signals1 of 4 complete

BenchmarkPass rate WITH skill on a verified run91

Live evalNeeds ≥20 evaluated traces in 30 days

AI ratingNeeds ≥10 rated traces

AdoptionNeeds ≥10 serves across ≥2 orgs in 30 days

Efficiency · separate axis (at equal correctness)+0% turns+9% tokens

Shown for transparency; not credited unless a verified run shows no correctness regression.

Backed by 1 of 4 signals — each added signal makes the score more robust.

Verified on gemini-3.6-flash · re-tested 7 days ago

Other measured skills in the registry, with their headline benchmark lift.