{
  "id": "lib-skill:web-development--image-optimization",
  "_kind": "LibrarySkill",
  "_file": "generated-library/skills.yaml",
  "_cluster": "generated-library",
  "attributes": {
    "displayName": "image-optimization",
    "description": "Image formats, responsive images, lazy loading, and CDN integration.",
    "libraryPath": "library/specializations/web-development/skills/image-optimization/SKILL.md",
    "specialization": "web-development",
    "contentSummary": "# Image Optimization Skill\n\nExpert assistance for image optimization.\n\n## Capabilities\n\n- Optimize image formats (WebP, AVIF)\n- Implement responsive images\n- Configure lazy loading\n- Set up image CDN\n- Handle blur placeholders\n\n## Next.js Image\n\n```tsx\nimport Image from 'next/image';\n"
  },
  "outgoingEdges": [
    {
      "from": "lib-skill:web-development--image-optimization",
      "to": "skill-area:web-performance",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:web-development--image-optimization",
      "to": "skill-area:asset-pipeline",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:web-development--image-optimization",
      "to": "topic:asset-optimization",
      "kind": "lib_covers_topic",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:web-development--image-optimization",
      "to": "domain:web-development",
      "kind": "lib_applies_to_domain",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:web-development--image-optimization",
      "to": "role:frontend-engineer",
      "kind": "lib_involves_role",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:web-development--image-optimization",
      "to": "specialization:web-development",
      "kind": "lib_belongs_to_specialization",
      "attributes": {
        "weight": 1
      }
    }
  ],
  "incomingEdges": []
}