tailwind-patterns
๐ฏSkillfrom jezweb/claude-skills
|A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
Overview
Tailwind-patterns is a skill from the jezweb/claude-skills collection that produces themed Tailwind CSS v4 setups with dark mode support as part of the frontend plugin. It is part of a restructured collection of workflow-oriented skills organized into installable plugins, each designed to generate tangible output rather than serve as reference documentation.
Key Features
- Tailwind v4 Theme Building - Generate complete Tailwind CSS v4 theme configurations with dark mode support and shadcn/ui integration
- Production Output - Designed to produce real files, projects, and configurations rather than serving as informational reference guides
- Plugin-Based Organization - Part of the frontend plugin alongside shadcn-ui skill, installable via
/plugin install frontend@jezweb-skills - Skill Creator Tool - Includes a Python-based skill initialization script for creating new custom skills within the framework
- Multi-Plugin Ecosystem - Works alongside plugins for Cloudflare Workers, web design, design assets, integrations, Shopify, WordPress, and writing
Who is this for?
This skill is designed for frontend developers who want Claude Code to generate complete, themed Tailwind CSS v4 configurations with dark mode and component library support. It is ideal for developers starting new projects or standardizing design systems who need production-ready Tailwind setups generated through AI-assisted workflows.
Same repository
jezweb/claude-skills(197 items)
Installation
npx vibeindex add jezweb/claude-skills --skill tailwind-patternsnpx skills add jezweb/claude-skills --skill tailwind-patterns~/.claude/skills/tailwind-patterns/SKILL.mdSKILL.md
More from this repository10
A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
Skill for generating complete, accessible color palettes from a single brand hex, creating 11-shade scales, semantic tokens, dark mode variants, and WCAG contrast checking for Tailwind v4
Provides FastAPI development patterns including async endpoints, dependency injection, Pydantic models, authentication, and API documentation best practices
Image processing skill for Claude Code providing guided workflows for image manipulation, resizing, format conversion, and optimization.
A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.
Generates favicon files in multiple sizes and formats for web projects, from a collection of 87 production-ready skills for Cloudflare, React, and AI integrations.
A WordPress Elementor skill from a Claude Code skills collection that guides Claude through recipes for building and managing WordPress sites with the Elementor page builder.