{
  "schema": "https://ai-atoms.com/schemas/skill-v1.json",
  "type": "skill",
  "id": "skill/tailwind-design-system",
  "version": "1.0.0",
  "name": "Tailwind Design System",
  "description": "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...",
  "system_prompt_fragment": "# Tailwind Design System\n\nBuild production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.\n\n## Use this skill when\n\n- Creating a component library with Tailwind\n- Implementing design tokens and theming\n- Building responsive and accessible components\n- Standardizing UI patterns across a codebase\n- Migrating to or extending Tailwind CSS\n- Setting up dark mode and color schemes\n\n## Do not use this skill when\n\n- The task is unrelated to tailwind design system\n- You need a different domain or tool outside this scope\n\n## Instructions\n\n- Clarify goals, constraints, and required inputs.\n- Apply relevant best practices and validate outcomes.\n- Provide actionable steps and verification.\n- If detailed examples are required, open `resources/implementation-playbook.md`.\n\n## Resources\n\n- `resources/implementation-playbook.md` for detailed patterns and examples.",
  "applicable_domains": [
    "frontend"
  ],
  "category": "frontend",
  "invocation": [
    "/tailwind-design-system"
  ],
  "authored_by": "claudeskills.in community",
  "source_url": "https://claudeskills.in/skill/tailwind-design-system",
  "provenance": {
    "source": "claudeskills.in",
    "source_url": "https://claudeskills.in/skill/tailwind-design-system",
    "license": "unknown",
    "imported_at": "2026-09-03",
    "notes": "Aggregated by claudeskills.in from community GitHub lists."
  },
  "tags": [
    "claudeskills",
    "frontend"
  ],
  "lifecycle": "draft"
}