Tailwind CSS

Applies basic Tailwind CSS utility classes in Svelte components for standard layouts: spacing, colors, flexbox. Uses @apply in scoped component styles for grouping repetitive classes, works with Tailwind configuration from the SvelteKit template.

Applies basic Tailwind CSS utility classes in Vue components — spacing, colors, typography, flexbox. Uses @apply directives in scoped Vue SFC styles, understands tailwind.config configuration through Vite.

Builds fullstack application UI components with Tailwind CSS from designs, using utility classes for typography, spacing and colors. Applies responsive prefixes for adaptivity and follows project design tokens.

Configures Tailwind CSS for a SvelteKit project: custom theme, plugins, content paths for Svelte files. Combines Tailwind with Svelte scoped styles and Skeleton UI, creates reusable component variants through class: directive and clsx.

Creates custom design system on Tailwind for Vue project — custom theme, plugins, Headless UI components. Optimizes PurgeCSS configuration for Vite, uses @tailwindcss/typography and animations.

Independently implements complex UI components with Tailwind CSS. Optimizes rendering performance. Writes tests. Applies for state management.

Designs scalable design system on Tailwind CSS and Skeleton UI for Svelte applications. Optimizes CSS bundle size through purge settings, creates custom Tailwind plugins for specific UI patterns, integrates dark mode through CSS variables.

Designs scalable Tailwind architecture for Vue applications — design tokens, multi-theme support, dark mode via CSS variables. Integrates UnoCSS as an alternative, optimizes critical CSS through Vite plugins.

Creates scalable design system on Tailwind for fullstack project: custom theme with tokens, reusable components, dark mode. Optimizes final CSS bundle through purge and configures Tailwind config for the entire application's needs.

Standardizes Tailwind CSS usage in the team's Svelte projects: unified configurations, presets, style linting rules. Defines component library architecture based on Skeleton UI, trains the team on efficient Tailwind patterns in the Svelte ecosystem.

Defines Tailwind CSS usage standards for Vue team — naming conventions, component abstractions, Storybook integration. Introduces design token system synchronized between Figma and Tailwind configuration.

Designs style architecture for fullstack applications on Tailwind: unified design token config, component library with variants, Storybook integration. Defines styling standards for the team and ensures visual consistency.

Shapes CSS architecture strategy at the organizational level, defines balance between Tailwind utility-first and Svelte scoped styles. Researches Svelte compiler optimizations for styling, influences Skeleton UI and integration tool development through open-source.

Shapes utility-first CSS strategy for organizational Vue ecosystem — Tailwind vs UnoCSS evaluation, atomic CSS optimization, design system integration. Researches new styling approaches — CSS Anchor Positioning, Scroll-driven Animations.

Defines organizational design system strategy based on Tailwind: multi-brand architecture, white-label theming, shared config for fullstack projects. Ensures unified visual language across products and trains teams on scaling the style system.