Навыки: Дизайн

Tailwind CSS patterns and conventions. Use when writing responsive designs, implementing dark mode, creating reusable co...

Write Tailwind CSS following practices that keep a fast-to-write codebase maintainable — use design tokens instead of ma...

Tailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, or refactor...

Tailwind Class Optimizer - Auto-activating skill for Frontend Development.Triggers on: tailwind class optimizer, tailwin...

Validate and refactor Tailwind CSS classes to conform with project's tailwind.config definitions. Use this skill wheneve...

Generate Tailwind CSS configuration files with custom themes, plugins, and content paths. Triggers on "create tailwind c...

Enforces consolidation of static Tailwind CSS classes into a single template literal when using cn(), clsx(), or classna...

Tailwind CSS configuration, custom plugins, design systems, theming, and component patterns for modern web applications.

Comprehensive Tailwind CSS utility framework patterns including responsive design, dark mode, custom themes, and layout...

Tailwind CSS patterns for modern UI. Use when styling components, building responsive layouts, creating design systems,...

Tailwind CSS 4.x utility-first styling patterns. Use when building UI components, creating responsive layouts, implement...

Comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid,...

Utility-first CSS framework for rapid UI development with responsive design, component patterns, and production optimiza...

You're a frontend developer who's built design systems with Tailwind at scale.

This skill should be used when the user asks to "style with Tailwind", "add Tailwind classes", "fix Tailwind styles", "u...

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbo...

Expert guidance for leveraging Tailwind CSS V4's new Oxide engine, CSS-first configuration, and modern styling paradigms...

Expert guidance for leveraging Tailwind CSS V4's new Oxide engine, CSS-first configuration, and modern styling paradigms...

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when c...

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when c...

Use when creating a component library with Tailwind; Implementing design tokens and theming

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use whe...

Create consistent, scalable design systems using Tailwind CSS utility classes with custom themes, design tokens, and res...

Tailwind CSS v4 design system toolkit. Use for creating React components with Tailwind v4, configuring @theme and design...

Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui. Use when defining design tokens, setti...

（中文）Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use...

Tailwind CSS v4 design-token and component-variant plumbing (CSS-first @theme, CVA variants, dark mode). Use when adding...

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive pattern...

Build production-ready component libraries with Tailwind CSS using CVA, compound components, design tokens, and theming.

Build consistent, accessible UI components with Tailwind CSS, shadcn/ui, and custom design tokens. Apply when styling co...

Expert guide for Tailwind CSS v4, CSS-first configuration, @theme customization, and modern responsive design / Panduan...

Tailwind CSS utility patterns, responsive design, component patterns, v4 migration, and configuration. Use for: tailwind...

Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, butt...

Use when use this skill when configuring Tailwind v4, using CSS-first theme and design tokens, or implementing container...

Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, butt...

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture. Use...

Efficient Tailwind CSS patterns using inheritance and custom config

Tailwind CSS patterns and utilities. Responsive design, dark mode, animations, custom components. Use when styling with...

Implement responsive CSS layout with Tailwind.

Tailwind CSS utility patterns with shadcn/ui component usage, theming via CSS variables, and responsive design. Use when...

Tailwind CSS v4 the framework itself, CSS-first config, @theme, the Vite plugin, v3-to-v4 migration, dark mode, containe...

Set up Tailwind v4 with shadcn/ui themed UI. Workflow: install dependencies, configure CSS variables with @theme inline,...

Tailwind CSS theming system for this Next.js application. Covers CSS variables, semantic tokens, dark mode, buildSection...

Handle Tailwind CSS with Turbopack limitations. Use when CSS classes aren't being generated, needing dynamic styles, or...

Expert knowledge for Tailwind CSS styling and component patternsUse when "tailwind, tailwindcss, utility classes, respon...

Master Tailwind CSS for modern, responsive UI styling. Covers utility-first patterns, responsive design, dark mode, cust...

Migrate a project from Tailwind CSS v3 to v4 safely and completely. Runs the official `@tailwindcss/upgrade` codemod, th...