Skill · Design

tailwind-4

Designmcpdirectory↓ 5

Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.

Install
$ npx skills add Gentleman-Programming/Gentleman.Dots --skill tailwind-4

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • Tailwind CSS 4 patterns and best practices.
  • 5 installs reported on mcpdirectory.
  • Published by Gentleman-Programming — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Design

  • pdf-to-video — Use when user wants to convert a PDF document into a showcase video, extract key points from PDF, or create vi
  • event-store-design — Design and implement event stores for event-sourced systems. Use when building event sourcing infrastructure,
  • cirq — Quantum computing framework for building, simulating, optimizing, and executing quantum circuits.
  • woocommerce-dev-cycle — Run tests, linting, and quality checks for WooCommerce development. Use when running tests, fixing code style,
  • network-diagram-generator — Generate network diagram generator operations. Auto-activating skill for Visual Content. Triggers on: network
  • baseline-ui — Enforces an opinionated UI baseline to prevent AI-generated interface slop.

More from Gentleman-Programming

  • react-19 — React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
  • nextjs-15 — Next.js 15 App Router patterns. Trigger: When working with Next.js - routing, Server Actions, data fetching.

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.