iiRecord
Agentic AI Atlas · specializations/ux-ui-design/component-library
lib-process:ux-ui-design--component-librarya5c.ai
II.
LibraryProcess JSON

lib-process:ux-ui-design--component-library

Structured · live

specializations/ux-ui-design/component-library json

Inspect the normalized record payload exactly as the atlas UI reads it.

File · generated-library/processes.yamlCluster · generated-library
Record JSON
{
  "id": "lib-process:ux-ui-design--component-library",
  "_kind": "LibraryProcess",
  "_file": "generated-library/processes.yaml",
  "_cluster": "generated-library",
  "attributes": {
    "displayName": "specializations/ux-ui-design/component-library",
    "description": "Component Library Development - Comprehensive design system and component library creation process\ncovering design tokens, reusable components, patterns, accessibility, documentation, and integration with development\nworkflows. Ensures consistency, scalability, and maintainability across products.",
    "libraryPath": "library/specializations/ux-ui-design/component-library.js",
    "specialization": "ux-ui-design",
    "references": [
      "- Design Systems Handbook: https://www.designbetter.co/design-systems-handbook",
      "- Atomic Design: https://atomicdesign.bradfrost.com/",
      "- Material Design: https://material.io/design",
      "- Carbon Design System: https://carbondesignsystem.com/",
      "- Storybook: https://storybook.js.org/",
      "- Style Dictionary: https://amzn.github.io/style-dictionary/",
      "- Design Tokens W3C: https://www.w3.org/community/design-tokens/"
    ],
    "example": "const result = await orchestrate('specializations/ux-ui-design/component-library', {\n  projectName: 'Acme Design System',\n  scope: 'enterprise-product-suite',\n  designLanguage: {\n    brandColors: ['#0066CC', '#FF6B35'],\n    typography: 'Inter, system-ui',\n    designPhilosophy: 'minimal, accessible, consistent'\n  },\n  platforms: ['web', 'mobile-ios', 'mobile-android'],\n  technology: 'react',\n  existingDesigns: ['legacy-ui-kit', 'marketing-components'],\n  accessibilityLevel: 'WCAG-AA',\n  targetFrameworks: ['React', 'Vue', 'Angular']\n});",
    "usesAgents": [
      "general-purpose"
    ]
  },
  "outgoingEdges": [
    {
      "from": "lib-process:ux-ui-design--component-library",
      "to": "skill-area:design-systems",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--component-library",
      "to": "skill-area:interaction-design",
      "kind": "lib_requires_skill_area",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:ux-ui-design--component-library",
      "to": "domain:web-development",
      "kind": "lib_applies_to_domain",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--component-library",
      "to": "role:product-designer",
      "kind": "lib_involves_role",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--component-library",
      "to": "role:ux-researcher",
      "kind": "lib_involves_role",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:ux-ui-design--component-library",
      "to": "workflow:user-feedback-loop",
      "kind": "lib_implements_workflow",
      "attributes": {
        "weight": 1
      }
    },
    {
      "from": "lib-process:ux-ui-design--component-library",
      "to": "workflow:product-discovery",
      "kind": "lib_implements_workflow",
      "attributes": {
        "weight": 0.7
      }
    },
    {
      "from": "lib-process:ux-ui-design--component-library",
      "to": "specialization:ux-ui-design",
      "kind": "lib_belongs_to_specialization",
      "attributes": {
        "weight": 1
      }
    }
  ],
  "incomingEdges": []
}