Шаблоны компонентов shadcn/ui с примитивами Radix и стилем Tailwind. Используйте при создании компонентов пользовательского интерфейса, использовании вариантов CVA, реализации составных компонентов или стилизации с атрибутами слотов данных. Триггеры по shadcn, cva, cn(), data-slot, Radix, Button, Card, Dialog, VariantProps.
Быстро установите AI-навык shadcn-ui в вашу среду разработки через командную строку
Источник: existential-birds/beagle.
Tokens: bg-background, text-foreground, bg-primary, text-primary-foreground, bg-card, text-card-foreground, border-input, text-muted-foreground
| Multiple visual variants (primary, outline, ghost) | Yes | Plain className | | Size variations (sm, md, lg) | Yes | Plain className | | Compound conditions (outline + large = thick border) | Yes | Conditional cn() | | One-off custom styling | No | className prop | | Dynamic colors from props | No | Inline styles or CSS variables |
| Complex UI with multiple semantic parts | Yes | Single component with many props | | Optional sections (header, footer) | Yes | Boolean show/hide props | | Different styling for each part | Yes | CSS selectors | | Shared state between parts | Yes + Context | Props drilling | | Simple wrapper with children | No | Single component |
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/existential-birds/beagle --skill shadcn-uiШаблоны компонентов shadcn/ui с примитивами Radix и стилем Tailwind. Используйте при создании компонентов пользовательского интерфейса, использовании вариантов CVA, реализации составных компонентов или стилизации с атрибутами слотов данных. Триггеры по shadcn, cva, cn(), data-slot, Radix, Button, Card, Dialog, VariantProps. Источник: existential-birds/beagle.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/existential-birds/beagle --skill shadcn-ui После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/existential-birds/beagle