glyph

To generate React UI components with predictable timing and behavior, define explicit design-physics rules and frontmatter. The skill applies sync strategy, timing, and confirmation patterns to produce validated component code.

You validate an existing React component for UX compliance by analyzing it against predefined design-physics rules. This workflow diagnoses safety and UX requirements, identifying physics violations and proposing corrective code changes.

Design-physics rules for UI component generation are explicit constraints governing sync strategy, timing, and confirmation patterns. They ensure generated React components maintain consistent behavior and predictable user experiences across interfaces.

Yes, explicit frontmatter is required to generate React components with design-physics. The skill needs predefined physics rules and a Wyrd/Rigor workflow environment to process generation requests and output validation artifacts.

Yes, you can analyze a React button component for sync strategy issues by running it through the design-physics validation workflow. The skill diagnoses the component against physics rules to detect timing or confirmation pattern violations.

Your generated UI component fails physics validation when it violates predefined design-physics rules regarding sync strategy, timing, or confirmation patterns. The Wyrd/Rigor workflow outputs validation artifacts diagnosing these specific behavioral discrepancies.