home / skills / tailwind css

Tailwind CSS skills for Claude Code

Give your agent expert Tailwind knowledge.

62 skills available

Official only

google-labs-code/stitch-skills

This skill helps you discover, install, and customize shadcn/ui components in your project with best practices and zero runtime overhead.

arrange

pbakaus/impeccable

10.4k

This skill analyzes and refactors layouts to create intentional rhythm, improving spacing, hierarchy, and visual balance for polished interfaces.

shadcn

shadcn-ui/ui

110.0k

This skill helps you manage and apply shadcn/ui components and presets across projects, providing docs, usage examples, and consistent styling.

ui-ux-pro-max-0.1.0

z980944038-dev/openclawwdl

This skill delivers polished UI/UX guidance and concrete code-ready outputs for layouts, tokens, and accessibility across web stacks.

orderly-ui-components

openclaw/skills

2.5k

This skill helps you rapidly build trading UIs using pre-built Orderly components, boosting speed and consistency across dashboards.

ui-designer-skill

1999azzar/ui-designer-skill

This skill helps you design beautiful, accessible interfaces with cohesive theming, color harmony, and Tailwind-powered implementation guidance.

shadcn-tailwind

tenequm/claude-plugins

This skill helps you design themed UIs with shadcn/ui and Tailwind v4 by applying semantic tokens, dark mode, and responsive patterns.

frontend-ui-skill

scientiacapital/skills

This skill helps audit and build enterprise SaaS UIs with Tailwind v4, shadcn/ui, and Next.js/Vite while ensuring accessibility and performance.

react-email

resend/react-email

18.1k

This skill helps you rapidly scaffold and preview React Email templates for transactional emails across clients.

unfold-admin

0xdarkmatter/claude-mods

This skill helps you configure and customize Django Unfold admin interfaces, boosting productivity with streamlined model admins, dashboards, and advanced

vue-dev

wireless25/agentic-coding

This skill helps you generate modern Vue TypeScript components using Composition API, VueUse, Tailwind, accessibility, performance patterns, and Vitest testing.

ux-ui-design

whawkinsiv/solo-founder-superpowers

142

This skill helps you design clean, mobile-friendly UI by prioritizing hierarchy, spacing, and consistent interactions across screens.

easy-app-maker

rustcrazy/zhulg-skills

This skill helps non-programmers rapidly create runnable web, mobile, or document apps by guiding through simple conversations and code generation.

ui-ux-pro-max

apconw/aix-db

2.0k

This skill helps you design and implement polished frontend UI/UX for pages, dashboards, and apps with best-practice guidelines.

ui-ux-pro-max

bahayonghang/my-claude-code-settings

This skill generates a comprehensive UI/UX design system and recommendations across colors, typography, and layout to accelerate product design.

skill

maquina-app/maquina_components

118

This skill helps you build production-quality Rails UIs with maquina_components, using Tailwind and data attributes to ensure consistent, accessible interfaces.

web

yugasun/skills

This skill scaffolds and maintains modern React web apps with Bun, Vite, Tailwind, and shadcn/ui to accelerate UI development.

tapforce-shadcn-svelte

tapforce/agents-skills

This skill guides setting up and using shadcn-svelte in SvelteKit projects, delivering best practices for components, theming, and integration.

frontend-dev

srbhr/resume-matcher

26.1k

This skill helps you create and modify Next.js pages, React components, and Tailwind styles following Swiss International Style.

project-health

jezweb/claude-skills

472

This skill audits AI readiness of project docs and workflows to ensure future Claude Code sessions can understand, execute, and resume work.

creating-components

gluestack/agent-skills

This skill guides you through creating reusable Gluestack UI v4 components, covering planning, structure, styling, TypeScript, and accessibility best practices.

epic-ui-guidelines

rubenpenap/epic-stack-agent-skills

This skill helps you build accessible UI components following Epic Stack design patterns, with semantic HTML, ARIA, and Tailwind guidance.

generating-components

fusengine/agents

This skill helps you generate cohesive UI components using Gemini Design, 21st.dev inspiration, and shadcn/ui with animated, accessible results.

mobile-ui

applelamps/x-vercel-beta

This skill helps you optimize mobile UI for responsive layouts, safe areas, touch targets, and typography across iPhone models.

css-container-queries

flpbalada/my-opencode-config

136

This skill helps you implement responsive components using CSS container queries and Tailwind, enabling components to adapt to their container size.

frontend_inferencer

transilienceai/communitytools

This skill infers frontend technologies by analyzing signals from JavaScript, HTML, and CSS to identify frameworks and UI patterns.

ui-engineer

adibfirman/dotfiles

This skill helps you transform PRD-based UI concepts into production-ready HTML/CSS with Tailwind, ensuring minimalist, responsive interfaces.

shadcn-ui

gwenwindflower/.charmschool

This skill guides you in adding, customizing, and troubleshooting shadcn/ui components with CVA, theming, and architecture guidance.

website-development

lookatitude/beluga-ai

This skill helps you implement website development patterns using Astro 5, Tailwind, and Starlight to build responsive, accessible UI.

ui-styling

mamba-mental/agent-skill-manager

This skill helps you design accessible, responsive UIs with shadcn/ui components, Tailwind styling, and canvas-driven visuals for consistent design systems.

fluxui-development

laravel/boost

3.3k

This skill helps you build UI with Flux UI Pro components in Laravel Livewire, replacing HTML elements and accelerating component-driven interfaces.

tailwind-components

thebushidocollective/han

This skill helps you build reusable Tailwind component patterns by extracting templates, applying @apply sparingly, and composing flexible UI.

orderly-sdk-theming

openclaw/skills

2.5k

This skill helps you customize the visual theme of your Orderly DEX by applying CSS variables, fonts, and TradingView styles.

styling-with-tailwind

tenequm/claude-plugins

This skill helps you build consistent Tailwind CSS themed UIs using shadcn/ui patterns, semantic tokens, and responsive dark mode across components.

tapforce-tailwindcss

tapforce/agents-skills

This skill provides best practices for setting up and developing UX/UI with Tailwind CSS ^4 across projects.

styling

gluestack/agent-skills

This skill helps you implement Gluestack UI v4 styling patterns with semantic tokens, dark mode, spacing, and variant management.

Page 1 of 2

React Next.js Vue Frontend Design