Welcome

SysArchitect enables you to build functional web applications via AI-driven architecture.

1. Design

   SysArchitect designs your website, choosing colors, fonts, and images.

2. Architecture

   SysArchitect architects your application, creating:

   • • Pages
   • • Views
   • • Database Models
   • • APIs
   • • Auth
   • • Payments integration
   • • Menus
   • • Prompts for AI-generated text, images, and code

   You can then freely edit the architecture to meet your needs.

3. Mockup

   SysArchitect generates a functional mockup of your website using test data, allowing you to interact with your application before it is built.

4. Claiming the Project

   In order to claim a project, you must purchase it. You will need to claim your project prior to making any changes to it. If you do not claim your project, it will remain a public project and be visible on our project marketplace after 24 hours. To claim the project, click the 'Claim' button on the upper right part of the toolbar.

5. Sysma

   Sysma is SysArchitect's AI-agent. Prompt her to make any changes to your mockup as needed. Note: it is best to make changes to the mockup prior to generating code.

6. AI-Generated Code

   Your mockup will include prompts for AI-generated code, which when processed will create functionality. These modules are orchestrated by SysArchitect to work together as a cohesive whole. Only generate code for modules that you want, or optionally generate all code.

7. Build

   SysArchitect builds a working codebase from the mockup and commits it to your repository. You can then spin up the codebase locally to test it, if desired, or publish directly to Vercel.

8. Deploy

   Once you've built your project, the Deploy screen will explain what environment variables need to be set to make your project fully-operational, then directs you to Vercel for deployment.