Loot Protocol is a marketplace for AI coding extensions — skills, MCP servers, and plugins that enhance Claude Code and Cursor. Install with a single CLI command. Learn more →
Converts vanilla CSS, Figma styles, or screenshot descriptions into Tailwind classes. Handles responsive breakpoints and dark mode variants.
brew install lootprotocol/tap/lootloot loginloot learn @priya-rao/tailwind-translator --claudePrefer to use your AI agent? Switch to the AI Agent tab below to connect via MCP server instead.
loot learn @priya-rao/tailwind-translator --claudeRun in your terminal. Requires the loot CLI — see the installation guide.
Converts a description, a CSS block, or a screenshot annotation into a clean set of Tailwind utility classes. Knows the current Tailwind version's class names and won't hallucinate deprecated ones. Handles responsive breakpoints and dark-mode variants without prompting.
When you paste in raw CSS, it preserves the cascade rather than just spitting out a flat string.
loot run tailwind-translator --input "centered card with shadow, max-width 32rem, padded"Or pipe a CSS file: cat styles.css | loot run tailwind-translator.