compose-screen-builder

To build a UIElement tree for a ComposableScreen in a React Native workflow, analyze the target app's design system to select an archetype skeleton and compose canonical elements like YStack, Text, and Button for brand-aligned layout.

Archetype-driven composition for screen layout design is the process of selecting reference skeletons to structure your UIElement tree, ensuring consistent layout and flow across steps while conforming to the host app's design system.

You bind variables and onPress actions to enable dynamic flows within a screen by applying data-driven variable handling and Text interpolation during UIElement tree assembly, allowing interactive branching across steps.

Yes, you can use compose-screen-builder with a custom design system because it inspects the target app's design system first before composing the UIElement tree, ensuring brand-aligned UI elements and design-system conformity.

When composing a ComposableScreen layout, supported canonical UI elements include YStack, Text, Image, Button, and Input, which are structured together to form the explicit element types required by the design system.

You should not use automated archetype composition for screen authoring when your requirements fall outside single-screen UIElement tree assembly, as this process focuses specifically on inner layout structuring rather than full multi-screen navigation.