Генерация email-писем из JSON на React Email
★ 8.1 · content
Создание email-шаблонов на React — это скилл для Claude Code, который преобразует JSON-спецификации в готовые HTML- или plain-text письма, используя компоненты @react-email/components и рендерер @json-render/react-email. Берут, когда нужно автоматически генерировать транзакционные письма (подтверждения, сброс пароля, уведомления) по шаблону из JSON, когда ИИ создаёт спецификацию письма на лету и её надо сразу отрендерить в корректный HTML, или когда команда ведёт каталог email-компонентов и хочет составлять письма декларативно, а не руками верстать таблицы. Скилл построен на TypeScript: JSON-дерево элементов (Html → Head + Body → Container → контент) преобразуется серверными функциями renderToHtml и renderToPlainText; поддерживаются условная видимость ($cond, $state), циклы (repeat) и кастомные компоненты, зарегистрированные через defineRegistry с Zod-валидацией пропсов. Все стили — инлайновые, что обеспечивает совместимость с почтовыми клиентами; внешний CSS не используется. Импорт @json-render/react-email/server позволяет работать со схемой и каталогом без React и без @react-email/components в сборке. Направление — генерация писем из структурированных данных, а не визуальный drag-and-drop редактор.
- #react-email
- #html-email
- #transactional-email
- #json-render