Генерация шаблонов UI-компонентов с токенами и доступностью

★ 6.8 · general

component-template-generator — это скилл для Claude Code, который генерирует стартовые шаблоны компонентов для React, Vue и Svelte с правильным использованием дизайн-токенов, вариантами и встроенной доступностью. Поддерживает три подхода к стилизации: React + Tailwind через утилиту cn(), React + CSS Variables с CSS-модулями и Vue 3 с Composition API. Каталог включает базовые компоненты (Button, Input, Card, Badge), лейаут-компоненты (Container, Stack, Grid) и интерактивные (Dialog, Dropdown, Tabs, Toggle) — каждый с вариантами размера и состояния, семантическими именами токенов вместо хардкода и ARIA-атрибутами. Подходит для быстрого старта библиотеки компонентов или бутстрапинга дизайн-системы; хорошо работает в паре со скиллами design-system-generator и design-system-documenter.