83,201 skills sorted by stars.
Configure Tailwind CSS and shadcn/ui for React frontends with Django backends, including dark mode support and theme tok...
Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4
Tailwind CSS styling patterns, dark theme implementation, and theme management for this project. Use when styling compon...
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...
Master Tailwind CSS for modern, responsive UI styling. Covers utility-first patterns, responsive design, dark mode, cust...
Expert knowledge for Tailwind CSS styling and component patternsUse when "tailwind, tailwindcss, utility classes, respon...
Tailwind CSS v4 patterns, component styling, and responsive design
Use when working with Tailwind CSS utility classes for layout, spacing, typography, colors, and visual effects. Covers u...
Tailwind CSS v4 with CSS-first configuration and design tokens. Use when setting up Tailwind v4, defining theme variable...
Auto-activates when user mentions Tailwind, Tailwind CSS, utility classes, or CSS styling. Expert in Tailwind CSS v4 inc...
Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with...
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS vari...
Production-tested setup for Tailwind v4 with shadcn/ui. Prevents 8 documented errors through a mandatory four-step archi...
Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development. Use when styling applicati...
Tailwind CSS utility-first styling for JARVIS UI components
Tailwind CSS v4 utility-first styling patterns
TailwindCSS utility-first styling for Rails
Utility-first CSS framework for rapid UI development. Responsive design, custom utilities, configuration, component comp...
Tailwind CSS accessibility patterns including WCAG 2.2 compliance, touch targets, focus management, and ARIA support
Tailwind CSS advanced component patterns with CVA integration and variant management
Tailwind CSS advanced design systems with design tokens and @theme configuration
Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns
Tailwind CSS animations and transitions including built-in utilities and custom animation patterns
Background utilities Tailwind CSS v4.1. Colors (bg-{color}, palette OKLCH P3), Gradients (bg-linear-*, bg-radial-*, bg-c...
Border utilities Tailwind CSS v4.1. Border (border-width, border-color, border-style, border-radius, rounded-*), Outline...
Configuration and directives Tailwind CSS v4.1. @theme, @import, @source, @utility, @variant, @apply, @config. CSS-first...
@utility glass-effect {
Tailwind CSS debugging and troubleshooting guide for common issues and solutions
Styles applications using Tailwind CSS v4 utilities. Activates when adding styles, restyling components, working with gr...
Effects utilities Tailwind CSS v4.1. Shadows (shadow-*, shadow-color, inset-shadow-* NEW), Opacity (opacity-*), Filters...
Tailwind CSS integration guide for React, Vue, Next.js, and other frameworks
Tailwind CSS v4 fundamentals covering installation, CSS-first configuration, design systems, and 2025/2026 best practice...
Tailwind CSS 工具类参考和文档助手。提供 Tailwind CSS 文档的快速访问,用于查找工具类、理解 CSS 属性和查找代码示例。当 Claude 需要使用 Tailwind CSS 时使用此技能:(1)查找特定的工具类及其...
Interactivity utilities Tailwind CSS v4.1. Cursor (cursor-*), Scroll (scroll-smooth, scroll-snap-*, overscroll-*), User...