Skip to main content

/

/

Stats

Actions

Tags

Stats

Actions

Tags

ClaudePluginHub

Community directory for discovering and installing Claude Code plugins.

Find plugins for your project

AI-powered recommendations based on your stack.

Product

Browse Plugins
Marketplaces
Pricing
About
Contact

Resources

Learning Center
Blog
Weekly Digest
Claude Code Docs
Plugin Guide
Plugin Reference
Plugin Marketplaces

Community

Browse on GitHub
Get Support

Legal

Terms of Service
Privacy Policy

Browse · Plugins · Top Plugins · Marketplaces · Components · Technologies · Skills · Agents · Commands · Hooks · MCP Servers · LSP Servers · Output Styles · Themes · Monitors

Categories · Productivity · Development · Testing · Deployment · Security · Documentation · Data · Utilities

© 2025 ClaudePluginHub

Community Maintained · Not affiliated with Anthropic

ClaudePluginHub

ClaudePluginHub

Tools Learn Pricing

Search everything...

Tailwind Design System | faos-ux-designer

Home
Skills
faos-ux-designer
Tailwind Design System

Skill

Tailwind Design System

From faos-ux-designer

Popularity

Parent stars

18

Parent forks

8

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

Stats

LanguageTeX

Parent stars18

Parent forks8

MaintenanceGood

Last CommitApr 7, 2026

Actions

View Source View Plugin View on GitHub View README

Stats

LanguageTeX

Parent stars18

Parent forks8

MaintenanceGood

Last CommitApr 7, 2026

Actions

View Source View Plugin View on GitHub View README

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]

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

$

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

Similar Skills

tailwind-design-system

41.0k

Builds production-ready design systems with Tailwind CSS: design tokens, component variants, responsive patterns, and accessibility. Useful when creating component libraries, implementing theming, or standardizing UI patterns.

1 file

antigravity-awesome-skills

View tailwind-design-system

fec-tailwind-design-system

15

Guides designing and maintaining Tailwind CSS design systems including token mapping, theme extension, component variants, dark mode, and responsive utilities. Useful for front-end developers managing design system consistency.

1 file

View fec-tailwind-design-system

tailwind

17

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

5 files