II.
SkillArea overview
Reference · liveskill-area:ui-styling
UI Styling overview
Styling application interfaces - reusable tokens, component theming, responsive layout systems, and maintainable visual conventions.
Attributes
displayName
UI Styling
description
Styling application interfaces - reusable tokens, component theming,
responsive layout systems, and maintainable visual conventions.
domains
expertiseLevels
- intermediate
- expert
Outgoing edges
applies_to1
- specialization:web-development·Specialization
prerequisite_for_learning2
- skill-area:design-systems·SkillAreaDesign Systems
- skill-area:css-architecture·SkillAreaCSS Architecture
Incoming edges
lib_requires_skill_area15
- lib-agent:ux-ui-design--design-token-manager·LibraryAgentdesign-token-manager
- lib-agent:ux-ui-design--ui-implementer·LibraryAgentui-implementer
- lib-agent:web-development--animation-developer·LibraryAgentanimation-developer
- lib-process:web-development--angular-enterprise-development·LibraryProcessangular-enterprise-development
- lib-process:web-development--css-in-js-styled-components·LibraryProcesscss-in-js-styled-components
- lib-process:web-development--mobile-first-responsive·LibraryProcessmobile-first-responsive
- lib-process:web-development--tailwind-design-system·LibraryProcesstailwind-design-system
- lib-skill:desktop-development--wpf-xaml-style-generator·LibrarySkillwpf-xaml-style-generator
- lib-skill:ux-ui-design--css-precision-editor·LibrarySkillcss-precision-editor
- lib-skill:ux-ui-design--design-token-transformer·LibrarySkilldesign-token-transformer
- lib-skill:ux-ui-design--responsive-image·LibrarySkillresponsive-image
- lib-skill:web-development--css-modules·LibrarySkillcss-modules
- lib-skill:web-development--design-tokens·LibrarySkilldesign-tokens
- lib-skill:web-development--styled-components·LibrarySkillstyled-components
- lib-skill:web-development--tailwind-css·LibrarySkilltailwind-css
prerequisite_for_learning2
- skill-area:frontend-development·SkillAreaFrontend Development
- skill-area:css-architecture·SkillAreaCSS Architecture
requires_skill_area2
- skill-area:ui-component-libraries·SkillAreaUI Component Libraries
- stack-profile:storybook-design-system·StackProfileStorybook Design System Stack (React, Storybook, Chromatic, Tailwind, TypeScript)
used_for6
- library:tailwindcss·LibraryTailwind CSS
- library:daisyui·LibrarydaisyUI
- library:styled-components·Librarystyled-components
- library:emotion·LibraryEmotion
- library:postcss·LibraryPostCSS
- library:sass·LibrarySass