Синхронизация дизайн-системы с Claude Design

★ 7.5 · design

design-sync — это скилл для Claude Code, который конвертирует React-дизайн-систему и загружает её в claude.ai/design, чтобы агент дизайна строил интерфейсы из реальных компонентов проекта, а не из генерических. Скилл собирает из репозитория бандл (`_ds_bundle.js`), CSS, токены, TypeScript-типы (`<Name>.d.ts`), промпт-справки (`<Name>.prompt.md`) и HTML-превью для пикера компонентов — весь набор артефактов, который Claude Design потребляет в рантайме. Работает как со Storybook (превью верифицируются по его рендеру), так и без него. Повторная синхронизация опирается на `.design-sync/config.json` с хешами содержимого и загружает только изменившиеся компоненты. Подходит командам, которые хотят, чтобы каждый дизайн, созданный агентом, был собран из фирменных компонентов и сразу готов к передаче разработчикам.