{
  "id": "skill-area:frontend-performance",
  "_kind": "SkillArea",
  "_file": "domain/skill-areas/skill-areas-external-systems.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Frontend Performance",
    "description": "Optimizing web frontend performance — Core Web Vitals, bundle size,\nlazy loading, image optimization, and rendering performance.\n",
    "domains": [
      "domain:web-development"
    ],
    "expertiseLevels": [
      "intermediate",
      "expert"
    ]
  },
  "outgoingEdges": [
    {
      "from": "skill-area:frontend-performance",
      "to": "domain:web-development",
      "kind": "applies_to",
      "attributes": {
        "confidence": "primary"
      }
    },
    {
      "from": "skill-area:frontend-performance",
      "to": "skill-area:core-web-vitals",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "required"
      }
    }
  ],
  "incomingEdges": [
    {
      "from": "framework:astro",
      "to": "skill-area:frontend-performance",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:gatsby",
      "to": "skill-area:frontend-performance",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:nextjs",
      "to": "skill-area:frontend-performance",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:nuxt",
      "to": "skill-area:frontend-performance",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:remix",
      "to": "skill-area:frontend-performance",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:sveltekit",
      "to": "skill-area:frontend-performance",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:frontend-performance",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:web-worker-utilization",
      "to": "skill-area:frontend-performance",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "helpful"
      }
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "skill-area:frontend-performance",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "skill-area:frontend-performance",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:micro-frontend",
      "to": "skill-area:frontend-performance",
      "kind": "requires_skill_area"
    },
    {
      "from": "tool:logrocket",
      "to": "skill-area:frontend-performance",
      "kind": "tool_used_by",
      "attributes": {}
    },
    {
      "from": "tool:logrocket",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:perf",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:flamegraph",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:py-spy",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:segment",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:mixpanel",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:amplitude",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:posthog",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:heap",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:google-analytics",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:hotjar",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "tool:fullstory",
      "to": "skill-area:frontend-performance",
      "kind": "used_for"
    },
    {
      "from": "responsibility:performance-budget-enforcement",
      "to": "skill-area:frontend-performance",
      "kind": "requires_expertise",
      "attributes": {}
    }
  ]
}