Quickstart Guide
Generate your first production-ready code artifact in under 2 minutes.
1Create your account
Sign up for free to get 10 generation credits. No credit card required. Your credits are added to your account instantly.
Create Free Account2Open the Studio
Navigate to the Studio from the top navigation bar. You will see the Configuration panel on the left, Live Preview in the center, and Code Editor on the right.
3Write your first prompt
Select your target platform (WordPress or React) and write a prompt in the bottom input bar. Be as detailed as possible.
Example Prompt
"Create a WordPress plugin that adds a custom shortcode
[hello_box]. When used, it should display a purple glassmorphism box with the text 'Hello from NorthReason' and a button that triggers a JavaScript alert."4Generate & Deploy
Click the Generate button. The AI will plan the architecture, write the PHP/React code, and verify it.
Once complete, you can download the `.zip` file (for WordPress) or copy the `.tsx` code (for React) from the right panel.
In WordPress, go to Plugins > Add New > Upload, and select your downloaded `.zip` file.