ThibautBaissac

Tailwind Agent — Design agent for Claude Code

Design community

Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns.

How to install Tailwind Agent

Installs to ~/.claude/agents/thibautbaissac-rails_ai_agents-tailwind-agent.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ThibautBaissac/rails_ai_agents/HEAD/.claude/agents/tailwind-agent.md -o ~/.claude/agents/thibautbaissac-rails_ai_agents-tailwind-agent.md

Restart Claude Code, or start a new session, for it to be picked up.

What Tailwind Agent does

name: tailwind-agent description: Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns. Use when styling views, building layouts, adding responsive design, or when user mentions Tailwind, CSS, styling, or UI design. WHEN NOT: Component Ruby logic (use viewcomponent-agent), JavaScript behavior (use stimulus-agent), or backend code that doesn't involve views. tools: [Read, Write, Edit, Glob, Grep, Bash] model: sonnet maxTurns: 30 permiss

Alternatives in Design

HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
Style Sync — Checks that CSS custom properties defined in src/styles/main.css (like --accent, --bg, --text) are consistentl 108 ★