заметка на полях
Это регламент того, как пишем компоненты именно мы. Забирать его целиком смысла нет — бери структуру, а сами правила переписывай под свой стек и договорённости команды.
Стандарт react-компонентов для дизайн-системы
Суть
Готовый свод правил, по которым фронтенд-команда пишет компоненты дизайн-системы — кнопки, поля, списки, меню. Регламентирует каждую сторону компонента: именование, структуру файлов, работу с состоянием и контекстом, типизацию, CSS-модель и токены.
Подключается как скил в Claude Code. Когда разработчик создаёт, меняет или проверяет компонент, ассистент сам подтягивает правила.
Зачем нужен
- 1Убирает спорные вопросы о компонентах — вся информация уже прописана в регламенте
- 2Помогает сохранять библиотеку компонентов однородной
- 3Прямо перечисляет устаревшие приёмы, чтобы старый код не распространялся по проекту
Кому пригодится
Фронтенд-разработчикам, тимлидам, владельцам дизайн-систем
Команда Дизайн-системы
Развиваем продукты, которые разрабатывает компания
экспертиза:Прошли миграцию дизайн-системы с less на Vue 2, а затем на React.
комментарий:заметка на полях
Скил не привязан к Claude Code и работает со всеми агентами, которые умеют подхватывать инструкции из файла.
Забирай
файлы
