Agent-Skills.md

Agent Skills: Tailwind Design System

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

UncategorizedID: sickn33/antigravity-awesome-skills/tailwind-design-system

Repository

sickn33/antigravity-awesome-skills
sickn33License: MIT
27,0474,580

Install this agent skill to your local

pnpm dlx add-skill https://github.com/sickn33/antigravity-awesome-skills/tree/HEAD/plugins/antigravity-awesome-skills/skills/tailwind-design-system

Skill Files

Browse the full folder contents for tailwind-design-system.

Download Skill

Loading file tree…

plugins/antigravity-awesome-skills/skills/tailwind-design-system/SKILL.md

Skill Metadata

Name
tailwind-design-system
Description
"Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility."

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.