Automated App Generation and Layout Creation Process

[NeoAppsAI]

App Input & API Call:

When the user runs claude dev, it will prompt the user for input regarding the type of app they want to create.
Claude will combine the user input with predefined instructions and make an API call.
Artifacts Generation:

As part of the process, Claude will generate project requirements and store them in a .txt file.
Additionally, it will generate a .sql file and save it accordingly.
Agent Task Execution:

The agent will retrieve the .sql file, navigate to the code generator folder, open the app.sql file (or a similar one), and paste the contents into it.
The agent will prompt the user for project-related information, such as the project name.
Using the provided information, the agent will compose the necessary parameters and store them in Properties/launchSettings.json, save, and close the file.
Code Generation and Execution:

The agent will go to the code generator folder and run the dotnet run command to generate the project folder.
After the run, the agent will close the terminal and automatically detect the newly generated files from the last command.
The agent will navigate to the newly created folder containing the .API project file.
The agent will open a new terminal, run dotnet run, and keep it running.
API URL Generation:

The agent will read the console output and extract the API URL (with HTTPS).
It will then compose the API URL along with the project name.
The agent will update Properties/launchSettings.json with the project name and API URL, then save and close the file.
It will run dotnet run again.
React App Initialization:

The agent will navigate to the reactsoutput1 directory, open it, and run npm install in a new terminal.
After that, the agent will run npm run dev.
Database Connection & Login:

The agent will connect to the database, fetch the username and password from the Users table, and present them to the user for system login.
Layout Creation and Instruction Processing:

The agent will retrieve the layout sample and instructions from the agent directory.
It will connect to the database to fetch the dndui version settings.
The agent will then make an API call to generate a new layout file based on the database .sql file, UI requirements, user stories, and journeys.
It will generate a new layout, component, and pages file, and store all three files in the artifact directory.
User Actions:

The user will manually update any necessary settings.
After verifying the output, the process will be complete, and the app will be fully designed and ready for deployment.