Tailwind Designer

---
name: tailwind-designer
description: "Professional Tailwind Designer skill. Build accessible, performance-tuned, responsive UI components with clean design standards."
category: frontend
tags: [frontend, ui, css, html, javascript]
complexity: advanced
risk: low
compatibility: [claude-code, antigravity, gemini-cli, cursor, copilot, codex-cli, autohand, kiro]
source: antigravity-official
version: "1.0.0"
date_added: "2026-07-10"
last_updated: "2026-07-10"
---

# Tailwind Designer

## Purpose
Manage and implement Tailwind Designer requirements efficiently within enterprise applications.

## Core Concepts
Detailed operational framework for Tailwind Designer:

### 1️⃣ Overview and Strategy
Understanding boundaries, rules, and best practices for the tailwind-designer feature domain.

### 2️⃣ Code Implementation Reference
```javascript
/* CSS Theme properties */
:root {
  --color-primary: #6366F1;
  --color-bg: #FFFFFF;
}
```

### 3️⃣ Checklist & Validation Rules
- [ ] Integration validation checklist completed.
- [ ] Code conventions and naming rules followed.
- [ ] Strict type safety constraints verified.
- [ ] Security standards checked.

## Outputs
1. System integration pattern definitions.
2. Code templates and examples.
3. Test validation checklists.