Skills
.Work. You
Rest

@tank/tailwind

Official

Craft UIs with Tailwind CSS

Design & Creative#web development#responsive design#design system#css#tailwind#ui components
Authortankpkg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides pre-built, production-ready Tailwind CSS patterns and component recipes to accelerate UI development, ensuring consistency, responsiveness, and accessibility.

Core Features & Use Cases

  • Component Recipes: Ready-to-use HTML and class combinations for common UI elements like buttons, cards, forms, and navigation.
  • Responsive Design: Guidance and examples for mobile-first, breakpoint-based layouts and container queries.
  • Theming & Customization: Strategies for extending or overriding Tailwind's default theme, including custom colors, spacing, and animations.
  • Accessibility Best Practices: Emphasis on focus states, ARIA attributes, and reduced motion.
  • Use Case: Quickly build a consistent design system for a new web application by leveraging these pre-defined components and layout patterns.

Quick Start

Generate a primary button component using the tailwind skill.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: @tank/tailwind
Download link: https://github.com/tankpkg/skills/archive/main.zip#tank-tailwind

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.