Frontend Component Build

Build production-ready components. Stack-agnostic principles. Most patterns translate to React, Vue, Svelte, or vanilla web components.

This skill is about implementing a component well. For broader system design see design-system. For day-to-day visual decisions see design-standards.

When to use

• Building a new component from scratch
• Refactoring an existing component
• Designing a component API (props, slots, events)
• Adding accessibility to an existing component
• Implementing a component from a design

When NOT to use