Web Component Design

Build reusable, maintainable UI components using modern frameworks with clean composition patterns and styling approaches.

Scope Boundary and Routing

Use this skill for component engineering decisions:

• Reusable component APIs
• Composition patterns (compound components, slots, render props)
• Styling architecture (CSS Modules, Tailwind strategy, CSS-in-JS choices)
• Cross-component consistency in code structure

Route to other skills when the task goal differs:

• Visual style direction and aesthetics: frontend-design
• Baseline product UI standards and spacing/typography rules: design-guide
• UI/accessibility compliance audit and findings report: web-design-guidelines