# Tailwind Gemini

> Use this tool when you need to accelerate Tailwind CSS development with AI-powered design assistance and component generation. It solves problems such as tedious manual styling, accessibility issues, and slow project setup by providing features like responsive layout generation, theme creation, and accessibility analysis. With inputs like CSS code and design requirements, and outputs like generated components and optimized Tailwind CSS configurations, use Tailwind Gemini to streamline your development workflow and enhance productivity.

Canonical page: https://skillsregistry.net/skills/tailwind-gemini  
JSON: https://api.skillsregistry.net/v1/skills/tailwind-gemini

## Description

Advanced MCP server for Tailwind CSS development with Google Gemini AI integration, created by Tai-DT to provide intelligent design assistance and component generation. The implementation combines AI-powered component creation, CSS-to-Tailwind conversion, design analysis, and shadcn/ui integration with manual fallbacks when AI is unavailable. Features include responsive layout generation, theme creation with color palette generation, accessibility analysis, and complete project scaffolding with Vite + TypeScript support. Built for developers who want to accelerate Tailwind CSS workflows through AI assistance while maintaining flexibility for both AI-enhanced and traditional development approaches.

## Trust

- **Trust score (0–1):** 0.50
- **Verification tier:** unverified

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** api-integration
- **Updated:** 2026-04-25

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/tailwind-gemini)
- **Repository:** <https://github.com/tai-dt/mcp-tailwind-gemini>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "tailwind-gemini"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/tailwind-gemini` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/tailwind-gemini/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt