Resend Design Skills

Resend publishes its brand, product UI system, and marketing-page patterns as installable agent skills. It is a concrete example of a mature design system becoming executable context for coding agents, not only a public brand page.

What It Contains

Install path: npx skills add resend/design-skills. The repo splits Resend's system into three agent-facing skills:

Skill Scope
resend-brand Logo, typography, color, voice, wallpapers, gradients, glass/noise, and dark-first brand direction.
resend-design-system Product UI primitives from Resend's src/ui, Radix/CVA conventions, tokens, state props, and server/client component boundaries.
marketing-pages Public website page structure, metadata/SEO patterns, and the separation between product UI primitives and website primitives.

The important pattern is packaging: a brand system is not just a gallery or a PDF. It becomes an agent-loadable set of constraints with typography, components, copy, tokens, and implementation boundaries. That puts Resend in the same family as Awesome Design MD and UI Skills Pack, but from the first-party brand owner instead of a reverse-engineered collector.

Source Snapshot

Checked 2026-07-03:

  • Repo: resend/design-skills, HEAD cc237644ff4c7772036cd17975e88c69dbd4f677.
  • GitHub metadata: 37 stars, 3 forks, homepage https://resend.design.
  • Tags/releases: none returned by git ls-remote.
  • License: GitHub API returned no license, README states MIT.
  • Internal skill versions: resend-brand 1.0.1, resend-design-system 1.2.0, marketing-pages has no explicit version in the inspected skill file.
  • Brin check: caution, score 65, pending_deep_scan: true.

Do not install it as a default local skill pack just because it is polished. Treat it as a reference and candidate source unless the task is explicitly Resend-branded or Kevin wants to study first-party brand skills. The durable lesson for Kevin's stack is the packaging model: public guideline -> implementation primitives -> agent skills.


Timeline