tailwind-design-system

Frontend & Expérience UX

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Documentation

Tailwind Design System

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

Use this skill when

●Creating a component library with Tailwind
●Implementing design tokens and theming
●Building responsive and accessible components
●Standardizing UI patterns across a codebase
●Migrating to or extending Tailwind CSS
●Setting up dark mode and color schemes

Do not use this skill when

●The task is unrelated to tailwind design system
●You need a different domain or tool outside this scope

Instructions

●Clarify goals, constraints, and required inputs.
●Apply relevant best practices and validate outcomes.
●Provide actionable steps and verification.
●If detailed examples are required, open resources/implementation-playbook.md.

Resources

●resources/implementation-playbook.md for detailed patterns and examples.

Compétences similaires

Explorez d'autres agents de la catégorie Frontend & Expérience UX

Voir tout le catalogue

tailwind-patterns

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

VOIR LA FICHE

cc-skill-project-guidelines-example

Project Guidelines Skill (Example)

VOIR LA FICHE

ai-product

"Every product will be AI-powered. The question is whether you'll build it right or ship a demo that falls apart in production. This skill covers LLM integration patterns, RAG architecture, prompt engineering that scales, AI UX that users trust, and cost optimization that doesn't bankrupt you. Use when: keywords, file_patterns, code_patterns."

VOIR LA FICHE
Utiliser l'Agent tailwind-design-system - Outil & Compétence IA | Skills Catalogue | Skills Catalogue