{
  "id": "lib-process:ux-ui-design--responsive-design",
  "_kind": "LibraryProcess",
  "_file": "generated-library/processes.yaml",
  "_cluster": "generated-library",
  "attributes": {
    "displayName": "specializations/ux-ui-design/responsive-design",
    "description": "Responsive Design Implementation - Comprehensive responsive design process for creating adaptive,\nmobile-first interfaces that work seamlessly across all devices and screen sizes, including breakpoint strategy,\nfluid layouts, responsive typography, touch optimization, performance testing, and cross-device validation.",
    "libraryPath": "library/specializations/ux-ui-design/responsive-design.js",
    "specialization": "ux-ui-design",
    "references": [
      "- Responsive Web Design: https://alistapart.com/article/responsive-web-design/",
      "- Mobile First: https://www.lukew.com/ff/entry.asp?933",
      "- Responsive Images: https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images",
      "- CSS Grid Layout: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout",
      "- Flexbox Guide: https://css-tricks.com/snippets/css/a-guide-to-flexbox/",
      "- Media Queries: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries",
      "- Touch Target Guidelines: https://web.dev/accessible-tap-targets/",
      "- Core Web Vitals: https://web.dev/vitals/"
    ],
    "example": "const result = await orchestrate('specializations/ux-ui-design/responsive-design', {\n  projectName: 'E-Commerce Platform',\n  pages: ['home', 'product-listing', 'product-detail', 'checkout', 'account'],\n  components: ['navigation', 'hero', 'product-card', 'footer', 'forms'],\n  designSystem: { colors: {}, typography: {}, spacing: {} },\n  breakpoints: { mobile: 320, tablet: 768, desktop: 1024, wide: 1440 },\n  approach: 'mobile-first',\n  performanceTargets: { lcp: '2.5s', fid: '100ms', cls: '0.1' }\n});",
    "usesAgents": [
      "general-purpose"
    ]
  },
  "outgoingEdges": [
    {
      "from": "lib-process:ux-ui-design--responsive-design",
      "to": "skill-area:design-systems",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--responsive-design",
      "to": "skill-area:interaction-design",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:ux-ui-design--responsive-design",
      "to": "topic:responsive-design",
      "kind": "lib_covers_topic",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--responsive-design",
      "to": "domain:web-development",
      "kind": "lib_applies_to_domain",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--responsive-design",
      "to": "role:product-designer",
      "kind": "lib_involves_role",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--responsive-design",
      "to": "role:ux-researcher",
      "kind": "lib_involves_role",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:ux-ui-design--responsive-design",
      "to": "workflow:user-feedback-loop",
      "kind": "lib_implements_workflow",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--responsive-design",
      "to": "workflow:product-discovery",
      "kind": "lib_implements_workflow",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:ux-ui-design--responsive-design",
      "to": "specialization:ux-ui-design",
      "kind": "lib_belongs_to_specialization",
      "attributes": {
        "weight": 1
      }
    }
  ],
  "incomingEdges": []
}