{"enrichment":{"faq":[{"a":"Tailwind Design System is an AGPL-3.0\u2013licensed skill for creating production-ready design systems and component libraries using Tailwind CSS v4. It covers CSS-first configuration, design tokens, component architecture with CVA patterns, dark mode setup, and responsive design practices to standardize UI across projects.","q":"What is the Tailwind Design System skill?"},{"a":"Tailwind Design System teaches you to leverage Tailwind CSS utilities as the foundation for building UI components. The skill emphasizes utility-first workflows, component architecture patterns, and how to compose utilities into reusable, maintainable components that scale across your projects.","q":"How do I build and style UI components using Tailwind CSS utilities?"},{"a":"Yes. Tailwind Design System provides access to pre-built design system components and patterns, enabling you to accelerate development by using established, tested component patterns rather than building from scratch.","q":"Can Tailwind Design System help me access pre-built design system components?"},{"a":"Tailwind Design System covers responsive design practices and accessibility best practices integrated into layout systems. You'll learn to use Tailwind's responsive modifiers and design patterns that ensure your layouts work across devices while meeting accessibility standards.","q":"How do I implement responsive and accessible layouts quickly with Tailwind?"},{"a":"Tailwind Design System covers design token hierarchy, native theming with Tailwind CSS v4, and dark mode setup. You'll learn to customize design tokens and create flexible theming systems that allow projects to adapt colors, spacing, typography, and other design properties consistently.","q":"What does Tailwind Design System teach about theming and customization?"},{"a":"Tailwind Design System teaches best practices including token hierarchy, component architecture with CVA patterns, CSS-first configuration approaches, responsive design techniques, and dark mode implementation\u2014all designed to help you build scalable, maintainable design systems.","q":"What are Tailwind CSS best practices covered by this skill?"}],"shadow_tags":["utility-first-css","component-patterns","design-tokens","responsive-layouts","rapid-prototyping","style-system","ui-framework"],"summary_rewrite":"Create production-ready design systems and component libraries leveraging Tailwind CSS v4's CSS-first configuration, design tokens, and native theming. This skill covers token hierarchy, component architecture with CVA patterns, dark mode setup, and responsive design practices for standardizing UI across projects."},"gist":{"api_url":"https://skillfed.io/api/skills/calesthio/OpenMontage/tailwind-design-system.json","as_of":"2026-07-24","description":"Tailwind Design System helps you build production-ready component libraries and design systems with Tailwind.","install":{"manual":["git clone https://github.com/calesthio/OpenMontage","cp -r OpenMontage ~/.claude/skills/tailwind-design-system"],"primary":"npx skillfed install calesthio/OpenMontage/tailwind-design-system","version":"7f11092a"},"kind":"skill","mirror_url":"https://skillfed.io/calesthio/OpenMontage/tailwind-design-system.md","similar":[{"id":"pixel-point/animate-text/tailwind-design-system","name":"Tailwind Design System","publisher":"pixel-point/animate-text","url":"https://skillfed.io/pixel-point/animate-text/tailwind-design-system"},{"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-advanced-components","name":"tailwindcss-advanced-components","publisher":"JosiahSiegel/claude-plugin-marketplace","url":"https://skillfed.io/JosiahSiegel/claude-plugin-marketplace/tailwindcss-advanced-components"},{"id":"wshobson/agents/tailwind-design-system","name":"tailwind-design-system","publisher":"wshobson/agents","url":"https://skillfed.io/wshobson/agents/tailwind-design-system"},{"id":"patricio0312rev/skills/design-to-component-translator","name":"design-to-component-translator","publisher":"patricio0312rev/skills","url":"https://skillfed.io/patricio0312rev/skills/design-to-component-translator"},{"id":"ScientiaCapital/skills/frontend-ui-skill","name":"Frontend Ui Skill","publisher":"ScientiaCapital/skills","url":"https://skillfed.io/ScientiaCapital/skills/frontend-ui-skill"}],"title":"Tailwind Design System by calesthio \u2014 SkillFed","use":{"when":["Tailwind Design System teaches you to leverage Tailwind CSS utilities as the foundation for building UI components.","Yes."]},"what":{"lead":"Tailwind Design System helps you build production-ready component libraries and design systems with Tailwind CSS v4.","rest":"Create production-ready design systems and component libraries leveraging Tailwind CSS v4's CSS-first configuration, design tokens, and native theming. This skill covers token hierarchy, component architecture with CVA patterns, dark mode setup, and responsive design practices for standardizing UI across projects."}},"id":"calesthio/OpenMontage/tailwind-design-system","install":{"mode":"external","repo":"https://github.com/calesthio/OpenMontage"},"links":{"html":"https://skillfed.io/calesthio/OpenMontage/tailwind-design-system","md":"https://skillfed.io/calesthio/OpenMontage/tailwind-design-system.md","repo":"https://github.com/calesthio/OpenMontage"},"meta":{"agents_supported":["claude-code"],"first_seen":"2026-07-28","forks":5160,"language":"Python","last_updated":"2026-07-24","license":"AGPL-3.0","name":"Tailwind Design System","publisher":"calesthio","stars":42764},"relations":{"similar":[{"id":"pixel-point/animate-text/tailwind-design-system"},{"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-advanced-components"},{"id":"wshobson/agents/tailwind-design-system"},{"id":"patricio0312rev/skills/component-scaffold-generator"},{"id":"patricio0312rev/skills/design-to-component-translator"},{"id":"ScientiaCapital/skills/frontend-ui-skill"},{"id":"existential-birds/beagle/shadcn-ui"},{"id":"yonatangross/orchestkit/ui-components"},{"id":"jmsktm/claude-settings/ui-builder"},{"id":"wshobson/agents/web-component-design"}]},"slug":{"owner":"calesthio","repo":"OpenMontage","skill":"tailwind-design-system"},"version":"7f11092a"}