SKILL

tailwind-design-system

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

Target: Design & content creation. Automatically collected · unverified.

Excerpt from the author’s documentation

Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.

Read the original English text

Topics in the source

  • Tailwind Design System
  • Use this skill when
  • Do not use this skill when
  • Instructions
  • Resources

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility. 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 The task is unrelated to tailwind design system You need a different domain or tool outside this scope 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/implementation-playbook.md for detailed patterns and examples.

Source repository
davila7/claude-code-templates
Source file
cli-tool/components/skills/web-development/tailwind-design-system/SKILL.md
Fixed revision
21be197f100a12b8d0dd9a211cc244c8179f84d3
Read the complete original documentation ↗

Sources and evidence

This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.

Author: davila7/claude-code-templates · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T15:01:40.894Z.

Categories are inferred from names, descriptions and paths. They do not establish compatibility.

License and attribution

MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.

Original license ↗

Synchronization, copying and user-reported success do not mark a resource as runtime-tested.

Limitations and notes

  • Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.