{
  "id": "skill-area:css-architecture",
  "_kind": "SkillArea",
  "_file": "domain/skill-areas/skill-areas-frontend.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "CSS Architecture",
    "description": "Scaling CSS — utility-first vs BEM vs CSS Modules, design tokens,\ncascade layers, container queries, and theming strategies.\n",
    "domains": [
      "specialization:web-development"
    ],
    "expertiseLevels": [
      "intermediate",
      "expert"
    ]
  },
  "outgoingEdges": [
    {
      "from": "skill-area:css-architecture",
      "to": "specialization:web-development",
      "kind": "applies_to",
      "attributes": {
        "confidence": "primary"
      }
    },
    {
      "from": "skill-area:css-architecture",
      "to": "skill-area:ui-styling",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "required"
      }
    }
  ],
  "incomingEdges": [
    {
      "from": "skill-area:ui-styling",
      "to": "skill-area:css-architecture",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "stack-profile:sveltekit-stack",
      "to": "skill-area:css-architecture",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:t3-stack",
      "to": "skill-area:css-architecture",
      "kind": "requires_skill_area"
    },
    {
      "from": "lib-agent:ux-ui-design--ui-implementer",
      "to": "skill-area:css-architecture",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:web-development--css-in-js-styled-components",
      "to": "skill-area:css-architecture",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:ux-ui-design--css-precision-editor",
      "to": "skill-area:css-architecture",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:web-development--css-modules",
      "to": "skill-area:css-architecture",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:web-development--styled-components",
      "to": "skill-area:css-architecture",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "role:frontend-engineer",
      "to": "skill-area:css-architecture",
      "kind": "requires_expertise",
      "attributes": {}
    },
    {
      "from": "role:design-systems-engineer",
      "to": "skill-area:css-architecture",
      "kind": "requires_expertise",
      "attributes": {}
    }
  ]
}