Tailwind CSS · Theming and dark mode

Always invoke when the user's message includes 'tailwind' in any form.

anonaddy/anonaddy

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

Ohh-889/skyroc

A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify.

coollabsio/coolify

Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library.

scalar/scalar

Rules for using daisyUI 5's semantic color names, such as primary and base-100, so interfaces stay readable across themes.

saadeghi/daisyui

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.

megaarmos/vue-spring-bottom-sheet

Set up Tailwind v4 + shadcn/ui themed UI with dark mode. An agent skill from jezweb/claude-skills.

jezweb/claude-skills

Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and…

leepokai/Codync

Generates light and dark Preline theme CSS from a brand color or mood, previews it, and validates token coverage through bundled local scripts.

htmlstreamofficial/preline

OKLCH color space and color usage for web projects. An agent skill from trycompai/crm.

trycompai/crm

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

ever-works/ever-works

Install, choose, and compose 23rd shadcn/ui registry components for React and Svelte 5.

radiumcoders/23rd.dev

React UI component systems with TailwindCSS + Radix + shadcn/ui.

try-works/role-model

OKLCH color space for web projects. An agent skill from Dinil-Thilakarathne/sona-ui.

Dinil-Thilakarathne/sona-ui

UI/UX design intelligence. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Add dark mode styles to components using Tailwind dark: variant classes.

codecrafters-io/frontend

Writes, fixes, and reviews SvGrid data-grid code in Svelte 5 projects - columns, features, inline editing, filtering, theming with --sg- tokens, server-side data, the built-in AI helpers, and the…

sv-grid/sv-grid

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

ever-works/ever-works

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.

microsoft/skills

Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius…

bryllim/bryl-minimal-design

Apply a Swiss International Style design system using Tailwind CSS.

try-works/role-model

Style Docusaurus sites to match Avalonia Customer Portal theme using TailwindCSS, CSS variables, and component swizzling.

AvaloniaUI/avalonia-docs

A skill your agent uses for Cachet Tailwind CSS and UI styling: Blade utility classes, public status-page components, Filament dashboard theme work, responsive layout, dark mode, spacing…

cachethq/core

UI/UX design intelligence expert for web and mobile applications.

shobcoder/shob

Styles applications using Tailwind CSS v3 utilities. An agent skill from OpenLitterMap/openlittermap-web.

OpenLitterMap/openlittermap-web

Generates type scales, color palettes, spacing systems, WCAG contrast checks and dark mode palettes from formulas, as CSS custom properties, a Tailwind config or JSON tokens.

dylanfeltus/skills

Tailwind CSS component library providing semantic class names for 50+ components with built-in themes, dark mode, and customization for rapid UI development.

rayriffy/rayriffy-h

A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…

jiushiwon/wg-skills

Design and style ryOS UI using the current OS theme token system, Tailwind variants, shared primitives, Aqua Glass, dark mode, and accent conventions.

ryokun6/ryos

Install, configure, and initialize KtUI (Keenthemes Tailwind UI) in any project.

keenthemes/ktui

Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

LiarMTTT/TavernWeave

[Frontend] Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces.

InternScience/DrClaw

Styles applications using Tailwind CSS v4 utilities. An agent skill from slimani-dev/muraqib.

slimani-dev/muraqib

You are an expert in Docusaurus theming and the Infima CSS framework.

AvaloniaUI/avalonia-docs

Comprehensive guide to KtUI (Keenthemes Tailwind UI) — components, theming, initialization, data-attribute API, event system, helpers, and common patterns.

keenthemes/ktui

Replaces border-plus-shadow combinations on cards, dialogs and other elevated surfaces with the smooth-shadow-ring utilities from the Tailwind shadow-plugin.

flornkm/personal-site

Expert guide for ShadCN UI component library with Next.js. An agent skill from mikeOnBreeze/cc-crossbeam.

mikeOnBreeze/cc-crossbeam

Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration.

blencorp/claude-code-kit

Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Generate complete, accessible colour palettes from a single brand hex.

jezweb/claude-skills

shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind.

secondsky/claude-skills

Extract color palettes from images, websites, or designs. An agent skill from OneWave-AI/claude-skills.

OneWave-AI/claude-skills

Using TailwindPlus Elements (@tailwindplus/elements) in the Rocky VS Code webviews.

rocky-data/rocky

Web UI - glassmorphism, Tailwind, dark mode, accessibility. An agent skill from alinaqi/maggy.

alinaqi/maggy

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

BlackBeltTechnology/pi-agent-dashboard

Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data.

mblode/agent-skills

Extract visual branding (colors, typography, layout patterns) from a client's website and generate a style preset compatible with the HTML slides skill and a brand config JSON for the content asset…

gooseworks-ai/goose-skills

Project-aware shadcn/ui components, registry MCP, theming, and design-system lint feedback.

BuilderIO/agent-native