{
  "id": "lib-skill:ux-ui-design--responsive-image",
  "_kind": "LibrarySkill",
  "_file": "generated-library/skills.yaml",
  "_cluster": "generated-library",
  "attributes": {
    "displayName": "responsive-image",
    "description": "Generate responsive image sets with srcset, WebP/AVIF conversion, and art direction",
    "libraryPath": "library/specializations/ux-ui-design/skills/responsive-image/SKILL.md",
    "specialization": "ux-ui-design",
    "contentSummary": "# Responsive Image Skill\n\n## Purpose\n\nGenerate responsive image sets for optimal performance across devices, including srcset variants, modern format conversion, and art direction.\n\n## Capabilities\n\n- Generate srcset image variants at multiple resolutions\n- Convert to WebP and AVIF formats\n"
  },
  "outgoingEdges": [
    {
      "from": "lib-skill:ux-ui-design--responsive-image",
      "to": "skill-area:web-performance",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "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:ux-ui-design--responsive-image",
      "to": "topic:responsive-design",
      "kind": "lib_covers_topic",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:ux-ui-design--responsive-image",
      "to": "domain:web-development",
      "kind": "lib_applies_to_domain",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:ux-ui-design--responsive-image",
      "to": "role:frontend-engineer",
      "kind": "lib_involves_role",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:ux-ui-design--responsive-image",
      "to": "workflow:user-feedback-loop",
      "kind": "lib_implements_workflow",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-skill:ux-ui-design--responsive-image",
      "to": "workflow:product-discovery",
      "kind": "lib_implements_workflow",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-skill:ux-ui-design--responsive-image",
      "to": "specialization:ux-ui-design",
      "kind": "lib_belongs_to_specialization",
      "attributes": {
        "weight": 1
      }
    }
  ],
  "incomingEdges": []
}