Skip to content

Claude Code Tailwind plugins and skills

Flowy lists 104 plugins for Tailwind work in Claude Code. Each one bundles skills a Claude Code agent can load while you work. Every listing shows what is inside before you install, who built it, and whether it is Auto-invoked, meaning a FLOW.md router fires the right skill as you prompt instead of leaving them dormant.

ui-ux-pro-max
Plugin

ui-ux-pro-max

🇮🇩 Bahasa Indonesia | 🇰🇷 한국어 | 🇻🇳 Tiếng Việt | 🇨🇳 简体中文 | 🇺🇸 English An AI skill that provides design intelligence for building professional UI/UX across multiple platforms and frameworks.

7 skills
@nextlevelbuilder@nextlevelbuilderView Plugin
coolify
Plugin

coolify

An open-source platform to deploy applications, databases, and services on your own servers. Open source & free forever, backed by our philosophy.

11 skills
@coollabsio@coollabsioView Plugin
payload
Plugin

payload

Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.

1 skill
@payloadcms@payloadcmsView Plugin
reactive-resume
Plugin

reactive-resume

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

1 skill
@amruthpillai@amruthpillaiView Plugin
daisyui
Plugin

daisyui

🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library

5 skills
@saadeghi@saadeghiView Plugin
chakra-ui
Plugin

chakra-ui

Chakra UI is a component system for building SaaS products with speed ⚡️

3 skills
@chakra-ui@chakra-uiView Plugin
ai-website-cloner-template
Plugin

ai-website-cloner-temp…

Clone any website with one command using AI coding agents

@jcodesmore@jcodesmoreView Plugin
heroui
Plugin

heroui

🚀 Beautiful, fast and modern React UI library. (Previously NextUI)

3 skills
@heroui-inc@heroui-incView Plugin
mastra
Plugin

mastra

Mastra is a framework for building AI-powered applications and agents with a modern TypeScript stack. It includes everything you need to go from early prototypes to production-ready applications.

32 skills
@mastra-ai@mastra-aiView Plugin
react-email
Plugin

react-email

💌 Build and send emails using React

1 skill
@resend@resendView Plugin
json-render
Plugin

json-render

The Generative UI framework. Generate dynamic, personalized UIs from prompts without sacrificing reliability. Predefined components and actions for safe, predictable output.

31 skills
@vercel-labs-2@vercel-labs-2View Plugin
prowler
Plugin

prowler

Prowler is the world’s most widely used Open-Source Cloud Security Platform that automates security and compliance across any cloud environment.

39 skills
@prowler-cloud@prowler-cloudView Plugin
gpui-kit
Plugin

gpui-kit

Rust GUI components for building fantastic cross-platform desktop application by using GPUI.

2 skills
@longbridge@longbridgeView Plugin
superset
Auto-invokedPlugin

superset

Superset is an agentic IDE to orchestrate 100+ coding agents in parallel. Run any agent with your own subscription.

20 skills
@superset-sh@superset-shView Plugin
prompt-master
Plugin

prompt-master

A Claude skill that writes the accurate prompts for any AI tool. Zero tokens or credits wasted. Full context and memory retention

1 skill
@nidhinjs@nidhinjsView Plugin
coss
Plugin

coss

coss.com/ui is the official design system of Cal.com

2 skills
@cosscom@cosscomView Plugin
next-forge
Plugin

next-forge

Production-grade Turborepo template for Next.js apps.

1 skill
@vercel@vercelView Plugin
nuxt-ui
Plugin

nuxt-ui

Nuxt UI harnesses the combined strengths of Reka UI, Tailwind CSS, and Tailwind Variants to offer developers an unparalleled set of tools for

1 skill
@nuxt@nuxtView Plugin
preline
Plugin

preline

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

2 skills
@htmlstreamofficial@htmlstreamofficialView Plugin
lobsterai
Plugin

lobsterai

Open-source, desktop-grade AI agent that gets real work done — data analysis, slides, docs, video & web research. Built on OpenClaw; runs tools on your real desktop and takes commands from your phone via WeChat, Feishu, DingTalk & Telegram.

@netease-youdao@netease-youdaoView Plugin
antfu-skills
Plugin

antfu-skills

A curated collection of Agent Skills reflecting Anthony Fu's preferences, experience, and best practices, along with usage documentation for the tools.

19 skills
@antfu@antfuView Plugin
emdash
Plugin

emdash

Emdash is the Open-Source Agentic Development Environment (🧡 YC W26). Run multiple coding agents in parallel. Use any provider.

@generalaction@generalactionView Plugin
claude-devtools
Plugin

claude-devtools

The missing DevTools for Claude Code — inspect session logs, tool calls, token usage, subagents, and context window in a visual UI. Free, open source.

@matt1398@matt1398View Plugin
observal
Plugin

observal

Observal is self-hosted registry for your coding agent extensions with a built in insight engine. Setup Observal, define the scope and share your Skills, MCPs and Agents with your peers.

6 skills
@observal@observalView Plugin
docus
Plugin

docus

Write beautiful documentations with Nuxt and Markdown.

1 skill
@nuxt-content@nuxt-contentView Plugin
collab-public
Plugin

collab-public

Collaborator is a place to build with agents. Collaborator is an end-to-end environment for agentic development. Terminals, context files, and running code — all arranged on an infinite canvas in one place. No context switching, no tab hunting.

1 skill
@collabs-inc@collabs-incView Plugin
ai-elements
Plugin

ai-elements

AI Elements is a component library built on top of shadcn/ui to help you build AI-native applications faster.

1 skill
@vercel@vercelView Plugin
claude-code-history-viewer
Plugin

claude-code-history-vi…

The unified history viewer for AI coding assistants. Browse, search, and analyze conversations from Claude Code, Gemini CLI, Antigravity, Codex CLI, Cline, Cursor, Aider, OpenCode, ForgeCode, CodeBuddy Code, and Grok CLI — as a desktop app or headless server.

@jhlee0409@jhlee0409View Plugin
figma
Plugin

figma

The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files. Rate limits apply to Figma MCP server tools that read data from Figma.

14 skills
@figma@figmaView Plugin
uniwind
Plugin

uniwind

From the creators of Unistyles: The fastest Tailwind bindings for React Native

2 skills
@uni-stack@uni-stackView Plugin
ux-ui-agent-skills
Plugin

ux-ui-agent-skills

Turn Claude into a senior design architect: DTCG tokens, 50 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 43 objective gates that fail the build instead of faking success.

19 skills
@plugin87@plugin87View Plugin
aetherviz-master
Plugin

aetherviz-master

互动教育可视化建筑师 把任意教学主题瞬间转化为沉浸式3D交互教学网页

1 skill
@andyhuo520@andyhuo520View Plugin
jean
Plugin

jean

A desktop AI assistant for managing multiple projects, worktrees, and chat sessions with Claude CLI, Codex CLI, Cursor CLI, OpenCode, PI, Command Code, Grok, and Kimi Code.

@coollabsio@coollabsioView Plugin
coding-agent-session-search
Plugin

coding-agent-session-s…

Unified, high-performance TUI to index and search your local coding agent history.

1 skill
@dicklesworthstone@dicklesworthstoneView Plugin
aihelms
Plugin

aihelms

企业级 AI 资源纳管平台,提供统一 AI网关、Token调度能力,纳管 OpenAI、Azure、Claude、DeepSeek 等主流模型,并支持 MCP 工具与 Skill 的集中注册分发。具备内外双轨定价、成本归因、统一身份认证、安全审计与效能报表,帮助企业精准控制成本、量化 ROI,高效治理 AI 资产。

@beizhu-1209@beizhu-1209View Plugin
jezweb-skills
Plugin

jezweb-skills

Production workflow skills for Claude Code. Each skill guides Claude through a recipe to produce tangible output — scaffolded projects, generated assets, professional documents, deployed services. Ten plugins of practical, production-oriented skills.

63 skills
@jezweb@jezwebView Plugin
claude-code-agent-monitor
Plugin

claude-code-agent-moni…

🚀 A real-time monitoring dashboard for Claude Code & Codex, built with SQLite3, Node.js, Express, React, Vite, TailwindCSS, & WebSockets. It tracks sessions, agent activity, tool usage, and subagent orchestration, providing live analytics, a Kanban status board, status notifications, a cute buddy, & an interactive web UI/MacOS/Windows native app.

75 skills
@hoangsonww@hoangsonwwView Plugin
react-native-ease
Plugin

react-native-ease

🍃 Lightweight declarative animations powered by platform APIs

1 skill
@appandflow@appandflowView Plugin
claudedesignskills
Plugin

claudedesignskills

Professional design agency skillstack for 3D/WebGL, animation, and modern web development Claude Code plugin marketplace providing comprehensive coverage of modern web technologies including Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, and

23 skills
@freshtechbro@freshtechbroView Plugin
vmark
Plugin

vmark

The Plain-Text Workspace Where Humans and AI Collaborate Free. Local-first. Format-aware. VMark is the plain-text workspace where humans and AI collaborate.

19 skills
@xiaolai@xiaolaiView Plugin
tool-ui
Plugin

tool-ui

UI components for AI interfaces

1 skill
@assistant-ui@assistant-uiView Plugin
countbot
Plugin

countbot

更适配中文用户的轻量开源AI Agent | 国产大模型Coding plan支持 | 兼容OpenClaw Skills生态| 已接入微信ClawBot/微博龙虾/飞书/钉钉/QQ/小智AI/Telegram/deepseek-v4。

14 skills
@countbot-ai@countbot-aiView Plugin
nuxt-skills
Plugin

nuxt-skills

Vue, Nuxt, and NuxtHub skills for AI coding assistants.

26 skills
@onmax@onmaxView Plugin
ctxport
Plugin

ctxport

Copy AI conversations as clean Markdown Context Bundles — one click from ChatGPT, Claude, Gemini, DeepSeek, Grok & GitHub. Copy from sidebar without opening. Zero upload, 100% local, open source.

1 skill
@nicepkg@nicepkgView Plugin
overture
Plugin

overture

Overture is an open-source, locally running web interface delivered as an MCP (Model Context Protocol) server that visually maps out the execution plan of any AI coding agent as an interactive flowchart/graph before the agent begins writing code.

@sixhq@sixhqView Plugin
bmmd
Plugin

bmmd

Markdown 排版工具,专为微信公众号与多平台排版设计,支持富文本复制、图片生成与矢量 PDF 导出。

1 skill
@miantiao-me@miantiao-meView Plugin
korean-privacy-terms
Plugin

korean-privacy-terms

한국·일본·EU·미국 법령 기반 개인정보처리방침·이용약관 자동 생성 Claude Code 스킬. 2025.4.21 개인정보 처리방침 작성지침 및 2026.3 개정 개인정보보호법 반영. 일본 APPI(個人情報保護法) v4.1 신규 지원. 한국 도메인 특화 AI 스페시아이에서 만듭니다. 법률·세무·노무·회계·의료 실무에 쓰는 도구를 오픈소스로 공개하고, 완성 제품은 speciai.kr 에서 운영합니다.

7 skills
@kimlawtech@kimlawtechView Plugin
claude-skills-zh-cn
Plugin

claude-skills-zh-cn

亲爱的开发者们,这是一个经过整理和中文化的 Anthropic Skills 仓库。无论你是想快速了解 Claude 技能体系的最佳实践,还是需要直接上手 Word/PDF/PPTX/XLSX 处理脚本,这份中文版都能帮你省去大量摸索时间。 亮点速览: 🧩 原汁原味的官方示例:完整保留算法艺术、品牌规范、Slack GIF、MCP 服务器等全部技能。 📄 文档技能全译本:OOXML、docx-js、HTML 转 PPT 流程、PDF 表单填写等高级指南均已翻译补充。 📦 即取即用:学习后即可在 Claude

16 skills
@leastbit@leastbitView Plugin

FAQ

What are the best Claude Code Tailwind plugins?
Flowy lists 104 plugins for Tailwind, ranked by fit and signal rather than raw install count. Open any listing to read every skill in full before you install it.
Do these Tailwind skills run automatically?
The Auto-invoked ones do. They ship a FLOW.md router and a hook, so Claude Code loads the matching skill as you prompt. Indexed listings install normally and you invoke them yourself.
How does Flowy decide a plugin is a Tailwind plugin?
The tag is derived from the plugin's own content, its skill names, descriptions, README and file types, not from a tag someone typed. A plugin appears here only when its real content matches.
Are these Tailwind plugins free?
Yes. Flowy is free and open source with nothing gated. You can read every skill before installing, and each listing links to its upstream repository and its creator.

Browse every plugin