React Email Template Development
Build React-based email templates, preview them locally and review components, styling and localization.
This skill helps you discover and install skills from the open agent skills ecosystem.
Use this skill when the user:
The Skills CLI (npx skills) is the package manager for the open agent skills ecosystem. Skills are modular packages that extend agent capabilities with specialized knowledge, workflows, and tools.
Key commands:
npx skills find [query] [--owner <owner>] - Search for skills interactively or by keyword, optionally scoped to a GitHub ownernpx skills add <package> - Install a skill from GitHub or other sourcesnpx skills update - Update all installed skillsBrowse skills at: https://skills.sh/
When a user asks for help with something, identify:
Before running a CLI search, check the skills.sh leaderboard to see if a well-known skill already exists for the domain. The leaderboard ranks skills by total installs, surfacing the most popular and battle-tested options.
For example, top skills for web development include:
- vercel-labs/agent-skills — React, Next.js, web design (100K+ installs each)
- anthropics/skills — Frontend design, document processing (100K+ installs)
If the leaderboard doesn't cover the user's need, run the find command:
npx skills find [query] [--owner <owner>]
For example:
npx skills find react performancenpx skills find pr reviewnpx skills find changelogDo not recommend a skill based solely on search results. Always verify:
vercel-labs, anthropics, microsoft) are more trustworthy than unknown authors.When you find relevant skills, present them to the user with:
Example response:
I found a skill that might help! The "react-best-practices" skill provides
React and Next.js performance optimization guidelines from Vercel Engineering.
(185K installs)
To install it:
npx skills add vercel-labs/agent-skills@react-best-practices
Learn more: https://skills.sh/vercel-labs/agent-skills/react-best-practices
If the user wants to proceed, you can install the skill for them:
npx skills add <owner/repo@skill> -g -y
The -g flag installs globally (user-level) and -y skips confirmation prompts.
When searching, consider these common categories:
| Category | Example Queries |
|---|---|
| Web Development | react, nextjs, typescript, css, tailwind |
| Testing | testing, jest, playwright, e2e |
| DevOps | deploy, docker, kubernetes, ci-cd |
| Documentation | docs, readme, changelog, api-docs |
| Code Quality | review, lint, refactor, best-practices |
| Design | ui, ux, design-system, accessibility |
| Productivity | workflow, automation, git |
vercel-labs/agent-skills or ComposioHQ/awesome-claude-skillsIf no relevant skills exist:
npx skills initExample:
I searched for skills related to "xyz" but didn't find any matches.
I can still help you with this task directly! Would you like me to proceed?
If this is something you do often, you could create your own skill:
npx skills init my-xyz-skill
Source: Vercel · MIT · SHA-256 shown alongside the download.
License file included. A license and checksum are not a security certification. Review package instructions and scripts before running them.
find-skills/BB-SKILLS-REVIEW.json1575 bytesfind-skills/LICENSE.upstream.txt1069 bytesfind-skills/SKILL.md5472 bytesfind-skills/SOURCE.txt301 bytesSource and packaging checks recorded on 2026-10-03. These notes are not safety certification or measured task performance.
Your own agent and a supported Node runtime for the separate Skills CLI. npx may download and execute a package. Search and installation need network access; no CLI binary or credentials are bundled.
MIT skill material; separate tooling, hosting, dependencies and model access may have costs. No external tool or account is supplied. Full skill/agent runtime evaluation has not been performed. Popularity, stars and publisher reputation are discovery signals, not evidence of safety or correctness. Install counts in the pinned document are examples, not live metrics. Review each candidate license, files, dependencies and requested permissions before installation. The -g -y example changes global agent state and skips prompts; choose scope deliberately and obtain the user's authorization.
Upstream commit: 18f96ea131dab3b0fcc9b27cf7c6f6cbb6174680
Runtime status: not tested by this catalog. Configure your client and test the skill in your own environment.
Records are supplied by the site administrator and bound to a specific package. They are not third-party safety certification. This page does not execute skills.
No published scenario records yet. Resource availability and download counts do not imply measured task performance.
Be the first to share your experience.
Sign in to leave a review →Build React-based email templates, preview them locally and review components, styling and localization.
Inspect documented Resend CLI operations for email, domains, templates and account administration.
Plan transactional email, templates, delivery events and account operations with Resend SDK references.
1 current outcome record · Read scope
Reference for the Claude API / Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model …