Download

Skill UI

Browse and discover 5019+ curated skills

All Development Artificial Intelligence Design & Creative Product & Business Data Science Marketing Soft Skills Productivity Engineering Languages

Search Tailwind , found 20 results

Default Newest Most Downloaded

Claude Artifact Builder

artifacts-builder

ComposioHQ/awesome-claude-skills

Guides you through creating elaborate Claude.ai HTML artifacts with React, Tailwind, shadcn/ui, Vite, and Parcel; initialize a scaffolded project, iterate on components, bundle everything into a single HTML file, and optionally test before sharing.

Color Palette Curator

davepoon/buildwithclaude

Helps designers explore trending Coolors palettes, capture hex codes, and map selections into Tailwind configs or curated fallbacks when the browser is unavailable, ensuring contrast and role guidance for frontend themes.

Frontend Design Wizard

davepoon/buildwithclaude

Guides teams through discovery, research, moodboards, palettes, typography, and Tailwind-ready code so they can ship distinctive, accessible front-end experiences with process validation.

Figma MCP Integration

tech-leads-club/agent-skills

Leverage the Figma MCP server to fetch design context, screenshots, metadata, and assets, then translate node output into this project’s React/Tailwind conventions while reusing existing tokens and components.

Frontend UI Dark Theme (TypeScript)

frontend-ui-dark-ts

sickn33/antigravity-awesome-skills

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards, admin panels, or data-rich interfaces...

React/Next.js Development Workflow

react-nextjs-development

sickn33/antigravity-awesome-skills

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.

Tailwind Class Optimizer

tailwind-class-optimizer

jeremylongshore/claude-code-plugins-plus-skills

Automates Tailwind class optimization for frontend developers, guiding users through best practices, validating CSS patterns, and generating React/Vue-friendly code with accessibility and performance assurances.

Tailwind Design Systems

tailwind-design-system

sickn33/antigravity-awesome-skills

Build production-ready design systems with Tailwind CSS by defining tokens, component variants, responsive patterns, accessibility guardrails, and consistent UI standards that scale across teams and projects.

Tailwind CSS Patterns (v4 - 2025)

tailwind-patterns

sickn33/antigravity-awesome-skills

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

Typography Selection Assistant

typography-selector

davepoon/buildwithclaude

Utility to browse Google Fonts, capture trending faces, suggest pairings, and output import snippets plus Tailwind config so frontend teams can finalize typography systems quickly.

Web Artifact Builder Suite

web-artifacts-builder

anthropics/skills

Creates complex claude.ai HTML artifacts by initializing a ready React+TypeScript Vite project, leveraging Tailwind and shadcn/ui components, and bundling everything into a single inline HTML file for sharing in conversations.

Claude Artifact Builder

web-artifacts-builder

sickn33/antigravity-awesome-skills

Provides scripts to scaffold React+Tailwind+shadcn/ui claude.ai artifacts, develop components, and bundle everything via Parcel into one HTML file for immediate sharing without AI slop.

Language