{
  "id": "lib-process:ux-ui-design--pixel-perfect-implementation",
  "_kind": "LibraryProcess",
  "_file": "generated-library/processes.yaml",
  "_cluster": "generated-library",
  "attributes": {
    "displayName": "specializations/ux-ui-design/pixel-perfect-implementation",
    "description": "Pixel-Perfect UI Implementation Process - A comprehensive, iterative convergence process\nfor achieving exact visual fidelity between design mocks and implementation. Uses multi-dimensional\nscoring across layout, typography, colors, spacing, components, and decorative elements with strict\nquality gates and continuous refinement until target quality is achieved.\nThis process is generic and can be used with any design mock (Figma, image files, etc.) to ensure\nthe implementation matches the design specification exactly.",
    "libraryPath": "library/specializations/ux-ui-design/pixel-perfect-implementation.js",
    "specialization": "ux-ui-design",
    "references": [
      "- Visual QA Best Practices: https://www.smashingmagazine.com/",
      "- Pixel-Perfect Design Implementation: https://css-tricks.com/",
      "- Visual Regression Testing: https://playwright.dev/docs/test-snapshots"
    ],
    "example": "const result = await orchestrate('specializations/ux-ui-design/pixel-perfect-implementation', {\n  projectName: 'Dashboard Redesign',\n  mockSource: { type: 'image', path: '/designs/dashboard-mock.png' },\n  targetUrl: 'http://localhost:3000/dashboard',\n  targetQuality: 98,\n  maxIterations: 15,\n  scoringWeights: {\n    layout: 25,\n    typography: 20,\n    colors: 20,\n    spacing: 15,\n    components: 10,\n    decorative: 10\n  },\n  tolerances: {\n    pixelDifference: 0.5,\n    colorDelta: 3,\n    spacingPx: 2,\n    fontSizePx: 1\n  }\n});",
    "usesAgents": [
      "general-purpose"
    ]
  },
  "outgoingEdges": [
    {
      "from": "lib-process:ux-ui-design--pixel-perfect-implementation",
      "to": "skill-area:design-systems",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--pixel-perfect-implementation",
      "to": "skill-area:interaction-design",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:ux-ui-design--pixel-perfect-implementation",
      "to": "domain:web-development",
      "kind": "lib_applies_to_domain",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--pixel-perfect-implementation",
      "to": "role:product-designer",
      "kind": "lib_involves_role",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--pixel-perfect-implementation",
      "to": "role:ux-researcher",
      "kind": "lib_involves_role",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:ux-ui-design--pixel-perfect-implementation",
      "to": "workflow:user-feedback-loop",
      "kind": "lib_implements_workflow",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--pixel-perfect-implementation",
      "to": "workflow:product-discovery",
      "kind": "lib_implements_workflow",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:ux-ui-design--pixel-perfect-implementation",
      "to": "specialization:ux-ui-design",
      "kind": "lib_belongs_to_specialization",
      "attributes": {
        "weight": 1
      }
    }
  ],
  "incomingEdges": []
}