react-email

React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when working with @json-render/react-email, building transactional or marketing emails from JSON, creating email catalogs, rendering AI-generated email specs, or when the user mentions react-email, HTML email, or transactional email.

Quality

100%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Quality

Content

100%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-structured, token-efficient reference with executable examples and clear navigation. It assumes Claude's competence and avoids padding while remaining highly actionable.

Dimension	Reasoning	Score
Conciseness	The body is lean: it uses compact tables for exports, sub-paths, and components, and provides executable code without explaining concepts Claude already knows. Every section earns its place.	3 / 3
Actionability	Quick Start and the catalog/registry example are complete, executable TypeScript, and the API/export tables give copy-paste-ready function signatures and purposes.	3 / 3
Workflow Clarity	For a library reference skill, the single render action is unambiguous and Quick Start sequences it clearly; there are no destructive or batch operations that would demand validation checkpoints.	3 / 3
Progressive Disclosure	No bundle files are present and none are needed; the single SKILL.md is well-organized into clearly headed sections and tables with easy navigation and no nested references.	3 / 3
	Total	12 / 12 Passed

Description

100%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong, third-person description that concretely states capabilities and provides explicit, natural trigger terms. It clearly answers both what the skill does and when to use it with low conflict risk.

Dimension	Reasoning	Score
Specificity	It lists multiple concrete actions — "turns JSON specs into HTML or plain-text emails", "building transactional or marketing emails from JSON", "creating email catalogs", "rendering AI-generated email specs" — rather than vague language.	3 / 3
Completeness	It explicitly states what ("turns JSON specs into HTML or plain-text emails") and when via a clear "Use when working with..." clause with several concrete triggers.	3 / 3
Trigger Term Quality	It covers natural terms a user would say — "react-email", "HTML email", "transactional email", "marketing emails" — alongside the package trigger "@json-render/react-email".	3 / 3
Distinctiveness Conflict Risk	It occupies a clear niche (React Email renderer for json-render) with package-scoped and domain-specific triggers, making conflict with unrelated skills unlikely.	3 / 3
	Total	12 / 12 Passed

Validation

93%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

Criteria	Description	Result
metadata_version	'metadata.version' is missing	Warning

	Total	15 / 16 Passed

Repository: vercel-labs/json-render
Path: skills/react-email/SKILL.md
Commit: 9d3dfc8

Reviewed: about 13 hours ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.