Browse 182,092 skills across 14 categories.
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...
Map semantic tokens into Tailwind utilities.
Expert guide for Tailwind CSS v4, CSS-first configuration, @theme customization, and modern responsive design / Panduan...
Estilização de interfaces com Tailwind CSS incluindo componentes responsivos, dark mode, customização de tema, e padrões...
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...
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...
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,...
Implement responsive CSS layout with Tailwind.
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 v4 the framework itself, CSS-first config, @theme, the Vite plugin, v3-to-v4 migration, dark mode, containe...
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...
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...
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...
Migrate a project from Tailwind CSS v3 to v4 safely and completely. Runs the official `@tailwindcss/upgrade` codemod, th...
Tailwind CSS v4 engine, CSS-first configuration, arbitrary properties, and container query utilities.
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.
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS vari...
Tailwind CSS v4 + shadcn/ui theming in monorepos. Use when working with @theme, @theme inline, @source, debugging missin...
Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with...
| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects wit...
Production-tested setup for Tailwind v4 with shadcn/ui. Prevents 8 documented errors through a mandatory four-step archi...
Use when working on the front-end build of a Roots/Acorn project - vite.config.js, laravel-vite-plugin, @roots/vite-plug...
Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development. Use when styling applicati...
Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Incl...
Tailwind CSS utility-first styling for JARVIS UI components
Utility-first CSS framework for rapid UI development. Responsive design, custom utilities, configuration, component comp...
Expert in TailwindCSS utility-first styling with responsive design patterns
Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration. Use whe...
TailwindCSS utility-first styling for Rails
Tailwind CSS v4 utility-first styling patterns
/Users/sushichan044/workspace/github.com/sushichan044/hono-react-router-cf-template/.agent/skills/tailwindcss/SKILL.md
Tailwind CSS v4 utility-first discipline: CSS-first configuration, design tokens via @theme, and principled class compos...
Use when implementing keyboard-accessible components, screen-reader-only content, prefers-reduced-motion support, or WCA...
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
Implementa layouts complejos con Tailwind CSS usando Grid, Flexbox y Container Queries. Usa cuando necesites holy grail...
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
Always invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts...
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
Tailwind CSS performance optimization including v4 improvements and best practices
Tailwind CSS plugins including official plugins and custom plugin development
Responsive design, breakpoints, container queries
Tailwind CSS responsive design and dark mode implementation patterns for 2025/2026
Sizing utilities Tailwind CSS v4.1. Width (w-*, w-screen, w-full, w-auto), Height (h-*, h-screen, h-full, h-dvh NEW), Mi...
Spacing utilities Tailwind CSS v4.1. Margin (m-*, mx-*, my-*, mt-*, mr-*, mb-*, ml-*, -m-* negative, m-auto), Padding (p...
Transform & Animation utilities Tailwind CSS v4.1. Transform (scale-*, rotate-*, translate-*, skew-*, transform-origin),...
Typography utilities Tailwind CSS v4.1. Font (font-sans, font-serif, font-mono, font-size, font-weight), Text (text-colo...
Complete reference for Tailwind CSS utility classes
Complete Tailwind CSS utility classes reference - Layout, spacing, typography, colors, borders, effects
Tailwind CSS v4.1 core features, @theme, directives, migration guide
Use when migrating a project from Tailwind v3 to v4, mapping @theme namespaces to generated utilities, or looking up ren...
Tailwind CSS v4 patterns: CSS-first config, @theme/@utility/@variant directives, migration from v3. Use when working wit...
Style with TailwindCSS v4 using @theme directive for theming, responsive design, and dark mode. Use when defining custom...
Query real-time parking availability in Taipei City. Shows available parking spaces, capacity, status (green/available,...
太上老君炼丹炉总控台。用柳爷做自媒体的思路帮创作者把别人的爆款和自己的经历炼成自己的视频：读懂用户此刻在哪、这次要交出什么，再按需调用访谈、找对标拆爆款、选题、系列策划、开头结构、成稿、标题、复盘、变现承接。用户想拍视频但不知道拍什么、手里...
Free AI-first short-form video publishing to TikTok, Instagram Reels, YouTube Shorts, X, and Facebook from AI agents thr...
Create original Taiwan GSAT/CAP (學測／會考) exams for 國綜、國寫、英文、數A、數B、社會、自然, with separate question/solution PDFs and officia...
台灣16張麻將規則專家。當用戶詢問麻將規則、術語（如吃碰槓胡、順子刻子、門清自摸）、牌型（如清一色、大三元）、台數計算、胡牌條件、遊戲流程、或任何與台灣麻將玩法相關的問題時使用此技能。
Use this skill whenever asked to prepare, review, or classify transactions for a Taiwan Business Tax (營業稅) return, handl...
太陽スタイル分析・スコアリングエンジン - 176パターンに基づくコンテンツ品質分析と改善提案
既存コンテンツを太陽スタイルに変換するリライトスキル。文章構造・語尾・キラーワード・心理トリガーを最適化して成約率を向上。
日給5000万円を生み出した太陽スタイルのコピーライティング技術を適用。セールスレター、ステップメール、LP作成に対応。
太陽スタイル完全準拠のブレット（箇条書き）・ベネフィットリスト生成。特徴→ベネフィット変換で購買意欲を最大化。
太陽スタイル完全準拠のヘッドライン・キャッチコピー生成。開封率・クリック率・注目率を最大化する衝撃的な見出しを作成。
太陽スタイル完全準拠のLP（ランディングページ）作成・最適化。成約率4.3倍を実現する構造・心理トリガー・キラーワード配置の完全ガイド。