# Install the "Tailwind CSS v4 Architect" skill

You are installing an AgenticMarket skill into this workspace. Follow these steps exactly.

## 1. Detect your environment and choose the destination file
- Andromity: `.andromity/skills/tailwind-v4/SKILL.md` (or user scope `~/.andromity/skills/tailwind-v4/SKILL.md`)
- Antigravity / Gemini CLI: `.agent/skills/tailwind-v4/SKILL.md`
- Cursor: `.cursor/rules/tailwind-v4.mdc`
- Claude Code: append to `CLAUDE.md` (or `.claude/skills/tailwind-v4.md`)
- Windsurf: append to `.windsurfrules`
- Cline / Roo Code: `.clinerules/tailwind-v4.md`
- GitHub Copilot: append to `.github/copilot-instructions.md`
- ChatGPT / web only: paste the content into Custom Instructions
- Any other agent: save to `.agent/skills/tailwind-v4/SKILL.md`

## 2. Create the destination file
- Preserve every existing file and configuration entry.
- Create parent folders as needed.
- Never overwrite unrelated content.

## 3. Write exactly this content

```markdown
---
name: tailwind-v4
description: "Modern CSS-first styling with Tailwind CSS v4, @theme directives, container queries, and dynamic utility composition."
author: community
license: mit
version: 1.0.0
---
# Tailwind CSS v4 Architecture

In Tailwind v4, styling is CSS-first:
1. Replace `tailwind.config.js` with direct `@theme` variables in `globals.css`.
2. Use standard OKLCH or HSL color definitions for high-gamut vibrant palettes.
3. Combine `clsx` and `tailwind-merge` for dynamic class merging.
4. Leverage container queries (`@container`) for modular responsive cards.
```

## 4. Verify
- Confirm the file exists and is readable.
- Report the destination path and confirm the "Tailwind CSS v4 Architect" skill is installed and active.

Skill metadata:
- Slug: tailwind-v4
- Category: design
- License: mit
- Source: AgenticMarket