скилл CX Codex

resend-design-skills — скилл для Claude Code: как установить

Q: Как установить resend-design-skills в Claude Code?

Выполните в терминале команду `npx skills add resend/design-skills --skill resend-design-skills -a claude-code`.

Q: Какие компоненты входят в структуру репозитория?

Репозиторий включает корневой файл `SKILL.md`, подпапку `resend-brand/` с инструкциями марки и набор тестов `tests/TESTS.md`.

Направляет ассистента к правилам визуального стиля и айдентики Resend. Пригодится при оформлении презентаций, соцсетей и промо-страниц в стилистике бренда.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓

npx skills add resend/design-skills --skill resend-design-skills -a claude-code

Открыть на GitHub

Что делает resend-design-skills

Скилл служит точкой входа в дизайн-ресурсы компании Resend версии 2.0.0. Он перенаправляет запросы к набору инструкций resend-brand, где собраны правила по шрифтам и палитре для внешних материалов.

Внутри репозитория находится индексный файл SKILL.md, директория resend-brand/ с отдельными предписаниями и каталог tests/ с набором тестов TESTS.md. Дополнительно папки навыков могут содержать каталог references/ со справочными данными.

Скилл содержит лишь правила визуального стиля Resend. Поэтому для сторонних дизайн-систем он бесполезен.

Какие задачи решает

Найти фирменные цвета и шрифты Resend
Оформить графику для социальных сетей по гайдлайнам
Подготовить презентацию с официальным логотипом
Сверить внешние маркетинговые материалы со стандартами бренда

Примеры запросов агенту

Покажи фирменную палитру цветов и правила типографики Resend
Подскажи требования к оформлению промо-поста по гайдлайнам Resend

Как установить resend-design-skills

1Через Skills CLI (Vercel)

npx skills add resend/design-skills --skill resend-design-skills -a claude-code

2Вручную: положить файлы

~/.claude/skills/resend-design-skills/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/resend-design-skills/

1Через Skills CLI (Vercel)

npx skills add resend/design-skills --skill resend-design-skills -a codex

2Вручную: положить файлы

.agents/skills/resend-design-skills/SKILL.md

Для всех проектов — ~/.agents/skills/

1Через Skills CLI (Vercel)

npx skills add resend/design-skills --skill resend-design-skills -a cursor

2Вручную: положить файлы

.cursor/skills/resend-design-skills/SKILL.md

Cursor читает и .agents/skills/, и .claude/skills/

1GitHub CLI

gh skill install resend/design-skills resend-design-skills

2Вручную: положить файлы

.github/skills/resend-design-skills/SKILL.md

1Через Skills CLI (Vercel)

npx skills add resend/design-skills --skill resend-design-skills -a gemini-cli

2Командой платформы

gemini skills install https://github.com/resend/design-skills

Вручную: положить файлы

.devin/skills/resend-design-skills/SKILL.md

Старый путь .windsurf/skills/ тоже читается

Через Skills CLI (Vercel)

npx skills add resend/design-skills --skill resend-design-skills -a opencode

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о resend-design-skills

Как установить resend-design-skills в Claude Code?

Выполните в терминале команду npx skills add resend/design-skills --skill resend-design-skills -a claude-code.

Что делает resend-design-skills?

Скилл маршрутизирует запросы к руководству по айдентике Resend, включая логотипы, цветовую гамму и шрифты.

Какие компоненты входят в структуру репозитория?

Репозиторий включает корневой файл SKILL.md, подпапку resend-brand/ с инструкциями марки и набор тестов tests/TESTS.md.

Похожие скиллы

Всё по теме «Дизайн» →

brand-identity arnabbagxd Скилл превращает стратегию компании в чёткий бриф для дизайнера. Помогает задать палитру с hex-кодами, шрифтовые пары и правила оформления. CX Codex +1 2 100установок resend resend Скилл для работы с Resend Email API: отправка транзакционных писем, приём входящих через вебхуки, шаблоны, домены и логи запросов. CX Codex +1 23 400установок resend-cli resend Скилл учит агента работать с Resend через resend CLI: отправлять письма, вести домены, контакты, рассылки и вебхуки. Нужен, когда всё это делается из скрипта или CI. CX Codex +1 13 300установок brand-visual-language dembrandt Скилл помогает выбрать радиусы, шрифты и стиль иконок так, чтобы интерфейс читался как одна марка. Пригодится, когда начинаете дизайн-систему или ловите разнобой в визуале. CX Codex +1 907установок landing-page-design elayadesign Скилл ведёт агента по сборке лендинга: сначала вопросы о продукте и структура страницы, потом жёсткие правила типографики, отступов и фонов. CX Codex +1 1 800установок logo-design rampstackco Скилл генерирует 6–12 вариантов логотипа по разным архитектурам и доводит выбранный до продакшена. Пригодится, когда нужен логотип, а не вся айдентика. CX Codex +1 446установок