{
  "markdown": "# Resend Design Skills\n\nAn agent skill collection that provides Resend's brand guidelines directly in your workflow.\n\n## Installation\n\n```bash\nnpx skills add resend/design-skills\n```\n\n## What's Included\n\n### resend-brand\n\nBrand guidelines for marketing materials, social graphics, presentations, and external-facing visual content.\n\n**Colors**\n\n- Resend Black: `#000000` / Resend White: `#FDFDFD`\n- Brand tokens: `bg-brand`, `bg-brand-hover`, `text-on-brand`, `ring-brand` (theme-aware: black light / white dark)\n- Semantic status colors: error (red), warning (yellow/amber), success (green), info (blue), link\n- Each status has paired tokens: `bg-X`, `border-X`, `border-X-subtle`, `text-X` (plus hover/ring variants where used)\n\n**Typography**\n\n- **Domaine Display Narrow** — Display headlines (never in product UI)\n- **Favorit** — Headings & titles\n- **Inter** — Body text\n- **CommitMono** — Code\n\n**Logo Assets**\n\n- CDN links to official wordmarks and lettermarks (SVG/PNG)\n- Usage restrictions and clearspace requirements\n\n**Design Elements**\n\n- Gradients (font, smooth, border, rainbow)\n- Glass blur effect, noise texture\n- Layout patterns (Right Object Scene, Interface Scene, Text Only variants, Big Number)\n\n## Usage\n\nOnce installed, Claude will automatically apply the skill based on context:\n\n- Ask for brand colors, typography specs, or logo assets → `resend-brand`\n\n### Example Prompts\n\n```\nWhat's the Resend color for error states?\n```\n\n```\nI'm designing a Resend social graphic. What layout pattern should I use?\n```\n\n## License\n\nMIT\n",
  "bytes": 1549,
  "sha": "4910428429119c6d8cffd5298e98dbc4b6a09481ac6cb17399cacb4f90c2db29",
  "repo_slug": "resend/design-skills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_resend_design_skills_resend_design_skill_43bc4c7d/readme"
}