← Back to Skills Marketplace
React Email Skills
by
Christina Martinez
· GitHub ↗
· v1.1.0
· MIT-0
3873
Downloads
0
Stars
10
Active Installs
2
Versions
Install in OpenClaw
/install react-email-skills
Description
Use when creating HTML email templates with React components - welcome emails, password resets, notifications, order confirmations, newsletters, or transacti...
Usage Guidance
This skill is basically documentation and examples for building React-based email templates — that matches its name. However, review these points before installing or running any commands: 1) The docs include examples that require API keys (Resend, SendGrid) and SMTP credentials but the skill does not declare any required env vars; only provide secrets when you explicitly need to send emails and ensure they are stored securely. 2) The runtime instructions tell you to run npx/create-email and other package managers — those commands download and execute code from npm (remote packages). Inspect the package(s) or run them in an isolated environment if you’re unsure. 3) The examples reference process.env.NODE_ENV and other env variables — confirm your agent runtime will not expose unrelated secrets. 4) If you plan to allow the agent to execute shell commands, review each suggested command and prefer running them manually the first time. If you want lower risk, keep this skill as a read-only reference and avoid giving it access to your credentials or the ability to run arbitrary shell commands. If you need, ask the skill author to explicitly declare required env vars and clarify which commands the agent will run autonomously.
Capability Analysis
Type: OpenClaw Skill
Name: react-email-skills
Version: 1.1.0
The skill bundle is a comprehensive and legitimate toolset for an AI agent to generate HTML email templates using the React Email library. It contains detailed instructions (SKILL.md), component references (COMPONENTS.md), and best practices for styling and internationalization. The provided shell commands (e.g., npx create-email) and code snippets for sending emails via Resend or Nodemailer are standard for the library's intended use. No evidence of malicious intent, data exfiltration, or harmful prompt injection was found; a Rickroll link in the documentation is the only notable, albeit harmless, anomaly.
Capability Tags
Capability Assessment
Purpose & Capability
Name/description match the content: all files are documentation and examples for creating HTML email templates with React (components, patterns, styling, sending examples). Nothing in the files suggests a different purpose.
Instruction Scope
The SKILL.md and referenced docs instruct the user/agent to run commands that scaffold projects (npx/create-email), install dependencies, run a local dev server, copy static files, and verify localhost:3000. Additionally the sending docs include example code that reads process.env (e.g., process.env.RESEND_API_KEY, SENDGRID_API_KEY, SMTP_USER/SMTP_PASS) and npx commands that require interactive setup. The skill metadata declares no required env vars, yet the instructions reference and demonstrate use of several credentials — this mismatch should be clarified. The instructions also advise uploading templates and running CLI tooling that will fetch code from npm when invoked (npx), so users should review those remote artifacts before execution.
Install Mechanism
This is instruction-only (no install spec). That lowers the static risk surface. However, the instructions tell users/agents to run npx/yarn/pnpm/bun commands which will download and execute code from public package registries (npm/bun). This is expected for a scaffolding workflow but does mean running the commands will pull remote code at runtime — review what those packages do before running in a privileged environment.
Credentials
The skill metadata lists no required environment variables, yet the included sending examples reference multiple secrets (RESEND_API_KEY, SENDGRID_API_KEY, SMTP_USER, SMTP_PASS) and use process.env.NODE_ENV to choose image base URLs. Requesting or using these credentials is reasonable for sending emails, but the documentation should have declared them. If the agent or environment exposes secrets, these instructions could cause credential use or accidental leakage without the skill explicitly declaring them.
Persistence & Privilege
No persistence requested. always is false, no config paths or install scripts are included. The skill does not request permanent presence or modify other skills according to the manifest.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install react-email-skills - After installation, invoke the skill by name or use
/react-email-skills - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.1.0
**Version 1.1.0 Changelog**
- Refined skill description and audience targeting in SKILL.md for conciseness and clarity.
- Added behavioral and clarification guidelines for handling brand colors, logos, style preference, and production asset URLs.
- Included detailed instructions for handling static files and images, including dev vs production URL patterns.
- Expanded and clarified essential component documentation and usage recommendations.
- Introduced [references/STYLING.md] for detailed styling guidance; removed outdated README.md reference.
v1.0.0
Initial release of react-email-skills.
- Build and preview HTML emails using React components with the React Email framework.
- Includes installation, setup, and usage instructions for create-email CLI.
- Provides best practices for email template structure, styling, and supported components.
- Details behavioral and styling guidelines specific to email client limitations.
- Offers clear examples for creating and customizing email templates, including Tailwind support.
Metadata
Frequently Asked Questions
What is React Email Skills?
Use when creating HTML email templates with React components - welcome emails, password resets, notifications, order confirmations, newsletters, or transacti... It is an AI Agent Skill for Claude Code / OpenClaw, with 3873 downloads so far.
How do I install React Email Skills?
Run "/install react-email-skills" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is React Email Skills free?
Yes, React Email Skills is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does React Email Skills support?
React Email Skills is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created React Email Skills?
It is built and maintained by Christina Martinez (@christina-de-martinez); the current version is v1.1.0.
More Skills