codex

Tailwind CSS Expert

Expert Tailwind CSS v4.1 - CSS-first configuration, @theme, @utility, @variant, Oxide engine 5x faster, OKLCH colors, container queries, 15 specialized skills

2 on GitHubby Fusenginev1.1.27MITupdated 1 month agoFramework

Plugin tailwindcss in fusengine/codex. Commands read from the repo's manifest — 1 month ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (16)

  • tailwindcss-accessibility

    Use when implementing keyboard-accessible components, screen-reader-only content, prefers-reduced-motion support, or WCAG 2.2 AA/AAA compliance.

  • tailwindcss-backgrounds

    Use when styling background colors, building linear/radial/conic gradients, setting background images/position/size, or blend modes.

  • tailwindcss-borders

    Use when styling element borders, rounded corners, focus outlines/rings, or divide-* separators between children.

  • tailwindcss-core

    Use when configuring Tailwind CSS-first (no config.js), defining @theme tokens, or creating custom utilities/variants. Do NOT use for v3-to-v4 migration or category utility lookup.

  • tailwindcss-custom-styles

    Use when creating a new named utility class, writing conditional/dark-mode variants, defining a custom variant selector, or using @apply.

  • tailwindcss-effects

    Use when adding box/inset shadows, controlling opacity, applying CSS filters or backdrop filters (glassmorphism), or mask-* utilities.

  • tailwindcss-interactivity

    Use when controlling cursor appearance, scroll snap/smooth behavior, text selection, pointer-events, touch actions, or caret/accent colors.

  • tailwindcss-layout

    Use when building flex or grid layouts, positioning elements (absolute/relative/fixed/sticky), managing z-index/inset, or @container queries.

  • tailwindcss-responsive

    Use when applying responsive variants at different screen widths, defining a custom breakpoint, or building container-query-based components.

  • tailwindcss-sizing

    Use when setting element width/height, constraining min/max dimensions, using dynamic viewport height (h-dvh), or fixing an aspect ratio.

  • tailwindcss-spacing

    Use when setting margin or padding on any side, centering with m-auto, applying negative margins, or spacing children with space-x-*/space-y-*.

  • tailwindcss-transforms

    Use when scaling/rotating/translating/skewing an element, configuring transition duration/easing/delay, or applying @keyframes animations.

  • tailwindcss-typography

    Use when setting font family/size/weight, aligning or wrapping text (balance/pretty), applying text-shadow or decoration, or letter/line spacing.

  • tailwindcss-utilities

    Use when needing a single entry point to find which categorical tailwindcss-* skill covers a given utility class. Router/index only - do NOT use for actual class content.

  • tailwindcss-utility-classes

    Use when unsure which category skill covers a given utility class and need routing to the right one. Do NOT use for concrete class lookup - go to the category skill.

  • tailwindcss-v4

    Use when migrating a project from Tailwind v3 to v4, mapping @theme namespaces to generated utilities, or looking up renamed/removed v3 utilities.

Hooks (4)

  • PreToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex tailwindcss

  • PostToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex tailwindcss

  • PostToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex tailwindcss

  • PostToolUse

    bun "${CODEX_HOME:-$HOME/.codex}/node_modules/@fusengine/harness/dist/cli/bin.mjs" hook codex tailwindcss

View source on GitHub

More from fusengine/codex

All 25 plugins →

AI Pilot

codex

AI Pilot workflow agents: sniper (code quality), research-expert, explore-codebase, websearch

18 skills · 12 commands · hooks

2

Laravel Expert

codex

Expert Laravel latest stable + PHP latest stable with SOLID principles, first-class PHP Attributes, Laravel AI SDK, JSON:API Resources, native vector search (pgvector), Eloquent, Livewire, queues with routing, and comprehensive documentation

23 skills · hooks

2

SEO Expert

codex

SEO/GEO 2026 plugin for Codex CLI. Local-first core; optional live Google SERP via Serper (SERPER_API_KEY), framework-aware. Covers technical SEO, schema markup, E-E-A-T, AI Overviews optimization, local SEO, sitemaps, hreflang, internal linking, content briefs, semantic clustering, and search experience optimization.

21 skills · hooks

2

Design Expert

codex

Design Director for websites, web apps, iOS, and Android. Generates HTML/CSS design deliverables with Gemini Design MCP, Magic/21st.dev, and shadcn as optional tools. Mobile targets produce tokens, device-framed mockups, and handoff specs, never SwiftUI/Compose implementation code. Anti-AI-Slop, WCAG 2.2.

10 skills · 5 commands · hooks

2

Commit Pro

codex

Professional git commits with Conventional Commits, GitHub Flow branch enforcement, auto PR creation, security validation, and auto-detection

5 skills · 10 commands

2

Astro Expert

codex

Expert Astro 6 with Islands Architecture, Content Layer, Actions, View Transitions, and multi-framework integration

14 skills

2

Similar plugins

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

expo

claude

Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.

23 skills · 1 MCP server

anthropics/claude-plugins-official 47,076

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

framework-migration

claudecodex

Framework updates, migration planning, and architectural transformation workflows

4 skills · 3 commands · 2 agents

wshobson/agents 42,461

copilotkit

claude

AI agent skills for CopilotKit — search the current documentation and source, and drive the CopilotKit CLI

9 skills · 2 MCP servers

CopilotKit/CopilotKit 38,675

cybersecurity-skills

claude

818 cybersecurity skills covering web security, pentesting, DFIR, threat intelligence, cloud security, malware analysis, and more. Mapped to 6 frameworks.

200 skills

mukul975/Anthropic-Cybersecurity-Skills 36,021

Maintain Tailwind CSS Expert?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins25 plugins