I have created UI using Claude and it is React.js file, how can I import to OutSystems. I am new to OutSystems , so need urgent help.
Did you ask Claude to give you something that would actually work with OutSystems ?
Did you try to make something with Mentor instead of Claude ?
i remembered have tool genarate UI to Promt text then you paste this promt to Outsystems AI Mentor.
Because OS components are different from your UI components, you need to create a list of common components and then in the prompt, force them to use the components created by the OS.
Finally, I think a one-to-one migration to the OS isn't currently possible.
Hi Vijay, You can't directly import a React.js file into OutSystems. You'll need to recreate the UI using OutSystems widgets and layouts.
Hi @Vijay Jaiswal ,
Since you are new to OutSystems, the best approach is to recreate the UI using OutSystems Reactive screens, widgets, containers, forms, lists, and CSS based on the design generated by Claude. You can reuse the CSS styles, colors, layout ideas, and HTML structure as reference, but you need to use OutSystems widgets, variables, client actions, and events. If the React UI has complex custom behavior, you can use JavaScript inside OutSystems or create a custom component, but for a beginner, rebuilding the UI natively in OutSystems is the recommended and easiest approach. If you are working with ODC, I am not sure whether Mentor can directly import and convert the full React component into an OutSystems screen. But you can use the React UI as a reference and ask Mentor to help recreate similar screens, layouts, entities, and logic inside ODC.
RegardsAbhijith