Skill

Tailwind Design System

npx claudepluginhub frank-luongt/faos-skills-marketplace --plugin faos-ux-designer

Popularity

Parent stars

Parent forks

Invocation

How this skill is triggered — by the user, by Claude, or both

Slash command

/faos-ux-designer:tailwind-design-system

User invocable

Model invocable

Inline context

Default effort

Context Preview

The summary Claude sees in its skill listing — used to decide when to auto-load this skill

SKILL.md

36 lines · ~299 tokens

Similar Skills

tailwind-design-system

37.9k

Builds production-ready Tailwind CSS design systems including design tokens, component variants, responsive patterns, and accessibility. Useful for component libraries, theming, and UI standardization.

1 file

antigravity-awesome-skills

tailwind

Builds production-ready Tailwind CSS design systems and component libraries with design tokens, CVA variants, responsive patterns, animations, utilities, and accessibility.

5 files

web

fec-tailwind-design-system

Guides Tailwind CSS design system setup: token mapping, theme extension, component variants, dark mode, responsive utilities, and class governance.

1 file

frontend-craft

Stats

LanguageTeX

Parent stars18

Parent forks8

MaintenanceGood

Last CommitApr 7, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Stats

Actions

Help us improve

Share bugs, ideas, or general feedback.

Tailwind Design System

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

Use this skill when

Creating a component library with Tailwind

Implementing design tokens and theming

Building responsive and accessible components

Standardizing UI patterns across a codebase

Migrating to or extending Tailwind CSS

Setting up dark mode and color schemes

Do not use this skill when

The task is unrelated to tailwind design system

You need a different domain or tool outside this scope

Instructions

Clarify goals, constraints, and required inputs.

Apply relevant best practices and validate outcomes.

Provide actionable steps and verification.

Resources

name: tailwind-design-system description: Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns. tags: [ai, design]