{"id":"e5463722-c8a5-44d8-8ff5-b63c1a27200a","shortId":"LV3PjF","kind":"skill","title":"React Email Component Library for Building Email Templates","tagline":"React Email is an open source component library for building responsive, cross-client email templates using React and TypeScript. It handles Gmail, Outlook, and Apple Mail inconsistencies, supports dark mode, and renders to standard HTML for use with any email provider.","description":"# React Email Component Library for Building Email Templates\n\nReact Email is an open source component library for building responsive, cross-client email templates using React and TypeScript. It handles Gmail, Outlook, and Apple Mail inconsistencies, supports dark mode, and renders to standard HTML for use with any email provider.\n\n## Installation\n\nUse the upstream install or setup path that matches your environment:\n- npm i react-email@latest\n\nBasic usage or getting-started notes:\n- sh\n- Define your email template with React, include styles and our components where needed.\n- jsx\n\n- Source: https://github.com/resend/react-email\n- Extracted from upstream docs: https://raw.githubusercontent.com/resend/react-email/HEAD/README.md\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/react-email-component-library-email-templates/)","tags":["react","email","component","library","templates","skills","agentskillexchange","agent-skills","ai-agents","ai-tools","awesome-list","claude-code"],"capabilities":["skill","source-agentskillexchange","skill-react-email-component-library-email-templates","topic-agent-skills","topic-ai-agents","topic-ai-tools","topic-awesome-list","topic-claude-code","topic-codex","topic-cursor","topic-llm","topic-mcp","topic-npx-skills","topic-openclaw","topic-skills-catalog"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/agentskillexchange/skills/react-email-component-library-email-templates","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add agentskillexchange/skills","source_repo":"https://github.com/agentskillexchange/skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 8 github stars · SKILL.md body (858 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:12:01.892Z","embedding":null,"createdAt":"2026-05-18T13:18:46.296Z","updatedAt":"2026-05-18T19:12:01.892Z","lastSeenAt":"2026-05-18T19:12:01.892Z","tsv":"'/resend/react-email':144 '/resend/react-email/head/readme.md':151 '/skills/react-email-component-library-email-templates/)':158 'agent':153 'agentskillexchange.com':157 'agentskillexchange.com/skills/react-email-component-library-email-templates/)':156 'appl':34,84 'basic':119 'build':6,18,56,68 'client':22,72 'compon':3,15,53,65,137 'cross':21,71 'cross-client':20,70 'dark':38,88 'defin':127 'doc':148 'email':2,7,10,23,49,52,57,60,73,99,117,129 'environ':112 'exchang':155 'extract':145 'get':123 'getting-start':122 'github.com':143 'github.com/resend/react-email':142 'gmail':31,81 'handl':30,80 'html':44,94 'includ':133 'inconsist':36,86 'instal':101,105 'jsx':140 'latest':118 'librari':4,16,54,66 'mail':35,85 'match':110 'mode':39,89 'need':139 'note':125 'npm':113 'open':13,63 'outlook':32,82 'path':108 'provid':50,100 'raw.githubusercontent.com':150 'raw.githubusercontent.com/resend/react-email/head/readme.md':149 'react':1,9,26,51,59,76,116,132 'react-email':115 'render':41,91 'respons':19,69 'setup':107 'sh':126 'skill':154 'skill-react-email-component-library-email-templates' 'sourc':14,64,141,152 'source-agentskillexchange' 'standard':43,93 'start':124 'style':134 'support':37,87 'templat':8,24,58,74,130 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome-list' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-llm' 'topic-mcp' 'topic-npx-skills' 'topic-openclaw' 'topic-skills-catalog' 'typescript':28,78 'upstream':104,147 'usag':120 'use':25,46,75,96,102","prices":[{"id":"eeaac38a-173e-4dca-b196-1c11914934b4","listingId":"e5463722-c8a5-44d8-8ff5-b63c1a27200a","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"agentskillexchange","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T13:18:46.296Z"}],"sources":[{"listingId":"e5463722-c8a5-44d8-8ff5-b63c1a27200a","source":"github","sourceId":"agentskillexchange/skills/react-email-component-library-email-templates","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/react-email-component-library-email-templates","isPrimary":false,"firstSeenAt":"2026-05-18T13:18:46.296Z","lastSeenAt":"2026-05-18T19:12:01.892Z"}],"details":{"listingId":"e5463722-c8a5-44d8-8ff5-b63c1a27200a","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"react-email-component-library-email-templates","github":{"repo":"agentskillexchange/skills","stars":8,"topics":["agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor","llm","mcp","npx-skills","openclaw","skills-catalog"],"license":"mit","html_url":"https://github.com/agentskillexchange/skills","pushed_at":"2026-05-18T19:02:17Z","description":"The open catalog of AI agent skills — 2,000+ security-scanned skills for Claude Code, Cursor, Codex, and more.","skill_md_sha":"d84a42c4621442bbcf2b915f70e2b51fcd25f90f","skill_md_path":"skills/react-email-component-library-email-templates/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/react-email-component-library-email-templates"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"React Email Component Library for Building Email Templates","description":"React Email is an open source component library for building responsive, cross-client email templates using React and TypeScript. It handles Gmail, Outlook, and Apple Mail inconsistencies, supports dark mode, and renders to standard HTML for use with any email provider."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/react-email-component-library-email-templates"},"updatedAt":"2026-05-18T19:12:01.892Z"}}