Tailwind CSS

Применяет базовые utility-классы Tailwind CSS в Svelte-компонентах для типовой вёрстки: отступы, цвета, flexbox. Использует @apply в scoped-стилях компонентов для группировки повторяющихся классов, работает с конфигурацией Tailwind из шаблона SvelteKit.

Применяет базовые utility-классы Tailwind CSS во Vue-компонентах — отступы, цвета, типографика, flexbox. Использует директивы @apply в scoped-стилях Vue SFC, понимает конфигурацию tailwind.config через Vite.

Верстает UI-компоненты fullstack-приложений с Tailwind CSS по макетам, используя утилитарные классы для типографики, отступов и цветов. Применяет responsive-префиксы для адаптивности и следует дизайн-токенам проекта.

Настраивает Tailwind CSS для SvelteKit-проекта: кастомная тема, плагины, content-пути для Svelte-файлов. Комбинирует Tailwind с scoped-стилями Svelte и Skeleton UI, создаёт переиспользуемые компонентные варианты через class: директиву и clsx.

Создаёт кастомную дизайн-систему на Tailwind для Vue-проекта — custom theme, плагины, компоненты на Headless UI. Оптимизирует PurgeCSS конфигурацию для Vite, использует @tailwindcss/typography и анимации.

Самостоятельно реализует сложные UI-компоненты с Tailwind CSS. Оптимизирует производительность рендеринга. Пишет тесты. Применяет для state management.

Проектирует масштабируемую дизайн-систему на Tailwind CSS и Skeleton UI для Svelte-приложений. Оптимизирует размер CSS-бандла через purge-настройки, создаёт кастомные Tailwind-плагины для специфичных UI-паттернов, интегрирует dark mode через CSS variables.

Проектирует масштабируемую Tailwind-архитектуру для Vue-приложений — design tokens, multi-theme поддержка, dark mode через CSS variables. Интегрирует UnoCSS как альтернативу, оптимизирует критические CSS через Vite-плагины.

Создаёт масштабируемую дизайн-систему на Tailwind для fullstack-проекта: кастомная тема с токенами, переиспользуемые компоненты, тёмная тема. Оптимизирует финальный CSS-бандл через purge и настраивает Tailwind-конфиг под потребности всего приложения.

Стандартизирует использование Tailwind CSS в Svelte-проектах команды: единые конфигурации, preset-ы, правила линтинга стилей. Определяет архитектуру компонентной библиотеки на основе Skeleton UI, обучает команду эффективным паттернам Tailwind в Svelte-экосистеме.

Определяет стандарты использования Tailwind CSS в Vue-команде — naming conventions, компонентные абстракции, интеграция с Storybook. Внедряет систему design tokens синхронизированных между Figma и Tailwind конфигурацией.

Проектирует архитектуру стилей для fullstack-приложений на Tailwind: единый дизайн-токен конфиг, компонентная библиотека с вариантами, интеграция с Storybook. Определяет стандарты стилизации для команды и обеспечивает визуальную консистентность.

Формирует стратегию CSS-архитектуры на уровне организации, определяет баланс между Tailwind utility-first и Svelte scoped styles. Исследует оптимизации компилятора Svelte для стилизации, влияет на развитие Skeleton UI и интеграционных инструментов через open-source.

Формирует стратегию utility-first CSS для Vue-экосистемы организации — оценка Tailwind vs UnoCSS, atomic CSS оптимизация, интеграция с design system. Исследует новые подходы к стилизации — CSS Anchor Positioning, Scroll-driven Animations.

Определяет стратегию дизайн-системы организации на базе Tailwind: мультибрендовая архитектура, white-label темизация, shared-конфиг для fullstack-проектов. Обеспечивает единый визуальный язык между продуктами и обучает команды масштабированию системы стилей.