{
  "id": "skill-area:ui-styling",
  "_kind": "SkillArea",
  "_file": "domain/skill-areas/curated-skill-areas.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "UI Styling",
    "description": "Styling application interfaces - reusable tokens, component theming,\nresponsive layout systems, and maintainable visual conventions.\n",
    "domains": [
      "specialization:web-development"
    ],
    "expertiseLevels": [
      "intermediate",
      "expert"
    ]
  },
  "outgoingEdges": [
    {
      "from": "skill-area:ui-styling",
      "to": "specialization:web-development",
      "kind": "applies_to",
      "attributes": {
        "confidence": "primary"
      }
    },
    {
      "from": "skill-area:ui-styling",
      "to": "skill-area:design-systems",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:ui-styling",
      "to": "skill-area:css-architecture",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    }
  ],
  "incomingEdges": [
    {
      "from": "library:tailwindcss",
      "to": "skill-area:ui-styling",
      "kind": "used_for"
    },
    {
      "from": "library:daisyui",
      "to": "skill-area:ui-styling",
      "kind": "used_for"
    },
    {
      "from": "library:styled-components",
      "to": "skill-area:ui-styling",
      "kind": "used_for"
    },
    {
      "from": "library:emotion",
      "to": "skill-area:ui-styling",
      "kind": "used_for"
    },
    {
      "from": "library:postcss",
      "to": "skill-area:ui-styling",
      "kind": "used_for"
    },
    {
      "from": "library:sass",
      "to": "skill-area:ui-styling",
      "kind": "used_for"
    },
    {
      "from": "skill-area:ui-component-libraries",
      "to": "skill-area:ui-styling",
      "kind": "requires_skill_area"
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:ui-styling",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:css-architecture",
      "to": "skill-area:ui-styling",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "required"
      }
    },
    {
      "from": "stack-profile:storybook-design-system",
      "to": "skill-area:ui-styling",
      "kind": "requires_skill_area"
    },
    {
      "from": "lib-agent:ux-ui-design--design-token-manager",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-agent:ux-ui-design--ui-implementer",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-agent:web-development--animation-developer",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:web-development--angular-enterprise-development",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:web-development--css-in-js-styled-components",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:web-development--mobile-first-responsive",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:web-development--tailwind-design-system",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:desktop-development--wpf-xaml-style-generator",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:ux-ui-design--css-precision-editor",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:ux-ui-design--design-token-transformer",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:ux-ui-design--responsive-image",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:web-development--css-modules",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:web-development--design-tokens",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:web-development--styled-components",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:web-development--tailwind-css",
      "to": "skill-area:ui-styling",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    }
  ]
}