moraine

Gate the design, implementation, tests, and production validation of every new SolidJS component in Moraine so JSX props are evaluated once and SSR/client hydration order stays identical. Use whenever creating a component, adding a component-level `children`, slot, icon, label, content, error, component, or render prop, or substantially changing how a component conditionally renders JSX.

Audit and port missing keyboard, accessibility, browser-compatibility, and edge-case behavior from mature prior-art libraries like Kobalte or Base UI into the current component. Use when closing parity gaps, comparing implementation details, or hardening interaction flows.

Convert free-form notes into a structured goal spec with title, context, scope, non-goals, success criteria, and references. Use when the user wants to turn rough input, an IDE selection, or arguments into a clear actionable goal definition.