Browse 138,453 skills across 70 categories. Mirrored from majiayu000/claude-skill-registry.
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when c...
Build consistent, accessible UI components with Tailwind CSS, shadcn/ui, and custom design tokens. Apply when styling co...
Estilização de interfaces com Tailwind CSS incluindo componentes responsivos, dark mode, customização de tema, e padrões...
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 patterns and utilities. Responsive design, dark mode, animations, custom components. Use when styling with...
Efficient Tailwind CSS patterns using inheritance and custom config
Use when optimizing Tailwind CSS for production, reducing bundle size, and improving performance. Covers PurgeCSS, JIT m...
Use when building responsive layouts and mobile-first designs with Tailwind CSS. Covers breakpoints, container queries,...
Configure Tailwind CSS and shadcn/ui for React frontends with Django backends, including dark mode support and theme tok...
Tailwind CSS utility patterns with shadcn/ui component usage, theming via CSS variables, and responsive design. Use when...
Setup Tailwind CSS and shadcn/ui component library for Next.js projects. Use when configuring Tailwind CSS, installing s...
This skill should be used when setting up, configuring, or initializing Tailwind CSS (v3 or v4) and shadcn/ui for Next.j...
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,...
Style the dev-quiz-battle app using Tailwind CSS v4 with OKLCH colors, dark mode support, and modern design patterns. Us...
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...
Use when working on Tailwind v4. Watch for deprecated utilities and updated configuration patterns.
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...
/Users/sushichan044/workspace/github.com/sushichan044/hono-react-router-cf-template/.agent/skills/tailwindcss/SKILL.md
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...
Layout utilities Tailwind CSS v4.1. Flexbox (flex, justify, items, gap), Grid (grid-cols, grid-rows, place), Position (a...
Comprehensive mobile-first responsive design patterns with 2025/2026 best practices for Tailwind CSS v4