tailwind-design-system

Tailwind Design System

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "tailwind-design-system" with this command: npx skills add baotoq/agent-skills/baotoq-agent-skills-tailwind-design-system

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.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

Automation

database-architect

No summary provided by upstream source.

Repository SourceNeeds Review
-12
baotoq
Automation

efcore-patterns

No summary provided by upstream source.

Repository SourceNeeds Review
-10
baotoq
Automation

tailwind-patterns

No summary provided by upstream source.

Repository SourceNeeds Review
-9
baotoq