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

★ 6.8 · general

component-template-generator is a Claude Code skill that generates production-ready component templates for React, Vue, and Svelte using design tokens, built-in variants, and accessibility. It supports three styling approaches: React + Tailwind with a cn() utility, React + CSS Variables with CSS modules, and Vue 3 with the Composition API. The component catalog covers core UI (Button, Input, Card, Badge), layout primitives (Container, Stack, Grid), and interactive elements (Dialog, Dropdown, Tabs, Toggle) — each with size and state variants, semantic token names instead of hardcoded values, and ARIA attributes. The skill is intended for bootstrapping a component library or design system implementation, and pairs well with the design-system-generator and design-system-documenter skills.