{
  "id": "skill-area:frontend-development",
  "_kind": "SkillArea",
  "_file": "domain/skill-areas/skill-areas-ecosystem-expansion.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Frontend Development",
    "description": "Building modern web frontend applications — component architecture, state\nmanagement, routing, API integration, accessibility, and performance\noptimization using React, Vue, Svelte, and similar frameworks.\n",
    "domains": [
      "domain:web-development"
    ],
    "expertiseLevels": [
      "intermediate",
      "expert"
    ]
  },
  "outgoingEdges": [
    {
      "from": "skill-area:frontend-development",
      "to": "domain:web-development",
      "kind": "applies_to",
      "attributes": {
        "confidence": "primary"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:react-state-management",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "required"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:frontend-performance",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:android-native",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "helpful"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:ios-native",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "helpful"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:animation-transitions",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:application-state-management",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:web-accessibility",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:web-performance",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:frontend-routing",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:form-management",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:data-fetching-caching",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:ui-styling",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:design-systems",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:server-side-rendering",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:progressive-enhancement",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:browser-compatibility",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:vue-components",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:react-components",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:frontend-testing",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:ui-component-libraries",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:internationalization",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "skill-area:frontend-development",
      "to": "skill-area:web-scraping",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    }
  ],
  "incomingEdges": [
    {
      "from": "framework:angular",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:astro",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:gatsby",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:redwood",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:blitz",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:preact",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:alpine",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:htmx",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:inertia",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:livewire",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:stimulus",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:turbo-rails",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:blazor",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:maui",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:nextjs",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:nuxt",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:phoenix-liveview",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:react",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:remix",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:solid-start",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:svelte",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:sveltekit",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:t3-stack",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:vue",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "library:go-router",
      "to": "skill-area:frontend-development",
      "kind": "library_used_by",
      "attributes": {}
    },
    {
      "from": "library:stimulus-reflex",
      "to": "skill-area:frontend-development",
      "kind": "library_used_by",
      "attributes": {}
    },
    {
      "from": "library:hotwire-turbo",
      "to": "skill-area:frontend-development",
      "kind": "library_used_by",
      "attributes": {}
    },
    {
      "from": "library:leptos",
      "to": "skill-area:frontend-development",
      "kind": "library_used_by",
      "attributes": {}
    },
    {
      "from": "library:filament",
      "to": "skill-area:frontend-development",
      "kind": "library_used_by",
      "attributes": {}
    },
    {
      "from": "library:inertia-laravel",
      "to": "skill-area:frontend-development",
      "kind": "library_used_by",
      "attributes": {}
    },
    {
      "from": "library:ramda",
      "to": "skill-area:frontend-development",
      "kind": "library_used_by",
      "attributes": {}
    },
    {
      "from": "skill-area:micro-frontend-architecture",
      "to": "skill-area:frontend-development",
      "kind": "prerequisite_for_learning",
      "attributes": {
        "strength": "recommended"
      }
    },
    {
      "from": "stack-profile:ecommerce-nextjs",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:content-management-platform",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:blockchain-dapp",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:saas-starter",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:internal-dashboard",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:social-media-platform",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:project-management-app",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:crm-customer-platform",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:learning-management-system",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:static-site-cdn",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:headless-cms-ssg",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:prompt-engineering-workbench",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:documentation-site",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:storybook-design-system",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:progressive-web-app",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:cross-platform-desktop",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:email-marketing-platform",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:podcast-audio-platform",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:restaurant-pos-system",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:booking-scheduling",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:survey-forms-platform",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:digital-signage",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:inventory-management",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:ticketing-event-platform",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:enterprise-search-platform",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:news-publishing-cms",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:photo-gallery-dam",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:music-streaming-backend",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:live-streaming-broadcast",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:lab-information-system",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:forum-discussion-board",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:feature-flag-service",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:url-shortener-link-analytics",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:micro-frontend",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:browser-extension",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:django-htmx",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:mern-stack",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:mean-stack",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:sveltekit-stack",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:laravel-vue-stack",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:remix-prisma-stack",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:nuxt-supabase-stack",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:jamstack",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:t3-stack",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "tool:tambo",
      "to": "skill-area:frontend-development",
      "kind": "tool_used_by",
      "attributes": {}
    },
    {
      "from": "tool:storybook",
      "to": "skill-area:frontend-development",
      "kind": "tool_used_by",
      "attributes": {}
    },
    {
      "from": "tool:storybook",
      "to": "skill-area:frontend-development",
      "kind": "used_for"
    }
  ]
}