ui-styling
design
ui-styling — это скилл для Claude Code, который создаёт красивые и доступные пользовательские интерфейсы с помощью shadcn/ui (построенного на Radix UI и Tailwind CSS), утилитарного подхода Tailwind CSS и canvas-дизайна. Скилл охватывает весь стек: компонентный слой shadcn/ui с моделью copy-paste и TypeScript, слой стилизации Tailwind с mobile-first отзывчивым дизайном и слой визуального дизайна на основе canvas. Поддерживаются диалоги, формы, таблицы, дропдауны, командные палитры, тёмный режим через next-themes и полноценные дизайн-системы с CSS-переменными. Референсы включают документацию shadcn/ui (llms.txt) и Tailwind CSS, а также шесть встроенных файлов: компоненты, темизация, доступность, утилиты, адаптивный дизайн и кастомизация. Подходит для проектов на Next.js, Vite, Remix и Astro, где нужны согласованные стили, доступность по ARIA и быстрый прототип.
- #shadcn-ui
- #tailwind-css
- #react
- #ui-components
- #accessible
- #design-system
- #dark-mode