UI & Component Design
Skill Group
UI & Component Design
Design systems, component development, and UX best practices
Workflow context
Where these skills fit
Loading diagram...
Skills in UI & Component Design are highlighted above. Other groups are shown for context.
Skills
5 skills in this group
Design System
Define design foundation: brand identity, design tokens, colour palette, typography, spacing, and component standards.
View details
UI/UX Best Practices
Review and guide UI/UX work for clean, professional, low-noise interfaces. Checks hierarchy, whitespace, responsiveness, and accessibility.
View details
Component Library
Set up component library showcase infrastructure with Storybook 8 or custom gallery. Creates foundation for component-driven development.
View details
Component Development
Build UI components in isolation following CDD best practices. Creates components with stories, variants, interaction tests, and documentation.
View details
Component Testing
Add comprehensive testing to components: interaction tests, visual regression, accessibility audits, and unit tests.
View details