Skill

tailwind-design-system

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

Tailwind

Css

design

frontend

npx claudepluginhub sickn33/antigravity-awesome-skills

Tool Access

This skill uses the workspace's default tool permissions.

Preview

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

Supporting Assets

resources/implementation-playbook.md

SKILL.md

Similar Skills

tailwind-design-system

32.8k

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

1 file

antigravity-awesome-skills

tailwind-design-system

682

Build production-ready design systems with Tailwind CSS, design tokens, component variants, responsive patterns, and accessibility. Use for component libraries, UI standardization, theming, and dark mode.

1 file

rmyndharis-antigravity-skills

tailwind-design-system

114

Builds scalable Tailwind CSS design systems using design tokens, component variants, responsive patterns, and accessibility. Use for component libraries, theming, UI standardization, and dark mode setup.

ccpp

Stats

Stars36383

Forks5961

Last CommitApr 13, 2026

Used By3 plugins

Actions

View Source View Plugin View on GitHub View README

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.

If detailed examples are required, open resources/implementation-playbook.md.

Resources

resources/implementation-playbook.md for detailed patterns and examples.

Limitations

Use this skill only when the task clearly matches the scope described above.

Do not treat the output as a substitute for environment-specific validation, testing, or expert review.

Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.