II.
LibraryProcess overview
Reference · livelib-process:ux-ui-design--component-library
specializations/ux-ui-design/component-library overview
Component Library Development - Comprehensive design system and component library creation process covering design tokens, reusable components, patterns, accessibility, documentation, and integration with development workflows. Ensures consistency, scalability, and maintainability across products.
Attributes
displayName
specializations/ux-ui-design/component-library
description
Component Library Development - Comprehensive design system and component library creation process
covering design tokens, reusable components, patterns, accessibility, documentation, and integration with development
workflows. 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', {
projectName: 'Acme Design System',
scope: 'enterprise-product-suite',
designLanguage: {
brandColors: ['#0066CC', '#FF6B35'],
typography: 'Inter, system-ui',
designPhilosophy: 'minimal, accessible, consistent'
},
platforms: ['web', 'mobile-ios', 'mobile-android'],
technology: 'react',
existingDesigns: ['legacy-ui-kit', 'marketing-components'],
accessibilityLevel: 'WCAG-AA',
targetFrameworks: ['React', 'Vue', 'Angular']
});
usesAgents
- general-purpose
Outgoing edges
lib_applies_to_domain1
- domain:web-development·DomainWeb Development
lib_belongs_to_specialization1
- specialization:ux-ui-design·Specialization
lib_implements_workflow2
- workflow:user-feedback-loop·WorkflowUser Feedback Loop
- workflow:product-discovery·WorkflowProduct Discovery
lib_involves_role2
- role:product-designer·RoleProduct Designer
- role:ux-researcher·RoleUX Researcher
lib_requires_skill_area2
- skill-area:design-systems·SkillAreaDesign Systems
- skill-area:interaction-design·SkillAreaInteraction Design
Incoming edges
None.