new-skeletor-primitive

Scaffolding a Block/Text architecture component requires aligning folder structure, barrel exports, and prop typing with the style pipeline. Automating this primitive component generation ensures structural consistency across the library.

A style prop intersection types component props to ensure consistency across variants. It resolves defaults from context while allowing prop overrides, and offers guidance on wrapping internal elements for variants if needed.

Creating a skeletor primitive involves running a scaffold command with the component name, which coordinates folder structure, prop typing, style pipelines, and variant wrapping to build the component within the skeletor library.

No, this is specifically applicable to developing components within the @prototyp/skeletor library. It enforces the Block/Text architecture and style pipeline conventions unique to that environment.

Resolving default style props from context with overrides is handled during the pipeline building phase. The architecture ensures defaults are resolved from context first, then allows specific prop overrides for component customization.

Variant wrapping for internal elements in a style pipeline should be used when a component requires multiple visual or behavioral variants. The scaffolding process offers guidance on wrapping to maintain style consistency across these different states.