home / skills / tailwind css

Tailwind CSS skills for Claude Code

Give your agent expert Tailwind knowledge.

47 skills available

Official only

laravel/boost

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

ui-designer-skill

openclaw/skills

1.2k

This skill guides you in cohesive UI design using Material You, minimalism, and glassmorphism, delivering accessible, themed interfaces tuned with Tailwind.

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.

shadcn-ui

google-labs-code/stitch-skills

1.8k

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

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.

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-tailwindcss

tapforce/agents-skills

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

frontend-dev

srbhr/resume-matcher

26.0k

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

gluestack-ui-v4

gluestack/agent-skills

This skill helps you create and manage custom gluestack-ui v4 variants using tva for type-safe, scalable design system extensions.

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.

nextjs-stack

fusengine/agents

This skill provides a complete Next.js 16+ stack integration guide with Prisma, Better Auth, shadcn/ui, TanStack Form, Zustand for productive apps.

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.

ui-ux-pro-max-2

openclaw/skills

1.2k

This skill helps you design and implement exceptional UI/UX across dashboards, landing pages, and mobile apps with data-driven guidance.

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.

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.

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.

code-architecture-tailwind-v4-best-practices

flpbalada/my-opencode-config

136

This skill guides Tailwind v4 best practices, emphasizing utilities-first markup, CSS-first design tokens, and when to use CVA or tailwind-variants.

tailwind-patterns

0xdarkmatter/claude-mods

This skill provides quick Tailwind CSS practical patterns and breakpoints, enabling responsive layouts, dark mode, and common components.

loopwind

openclaw/skills

1.2k

This skill helps AI agents generate images and videos from JSX Tailwind templates using the loopwind CLI, enabling fast templated outputs within your projects.

styling

gluestack/agent-skills

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

anima-design-agent

openclaw/skills

1.2k

This skill turns ideas into live, design-aware full-stack apps with editable code, built-in data, hosting, and brand-consistent UI.

frontend

openclaw/skills

1.2k

This skill helps you craft polished frontend interfaces across web and mobile with consistent UX patterns and accessible interactions.

pencil-to-code

openclaw/skills

1.2k

This skill exports Pencil .pen designs to production React and Tailwind code, generating components and Tailwind theme configuration.

frontend-design-ultimate

openclaw/skills

1.2k

This skill helps you generate production-grade static sites from text requirements using React, Tailwind, and shadcn/ui for bold, responsive designs.

figma-sync

openclaw/skills

1.2k

This skill reads Figma files, extracts design tokens, generates React Native Expo TS or Web React + Tailwind code, and diffs patches.

Page 1 of 2

React Next.js Vue Frontend Design