Learning Timeline
Key Insights
The Advantage of Automatic Mock Data
Softr AI Co-Builder doesn't just build the database structure; it also automatically inserts 'mock data.' This is incredibly helpful for visualizing how your app will actually look without needing to enter manual data during the early stages.
Interface Control via Prompts
You can save navigation space by instructing the AI not to build interfaces (visual pages) for specific tables that only serve as back-end data storage (such as the 'topics' table).
Detail View Design Tips
For a cleaner user experience (UX), instruct the AI in your prompt to use 'right side panel modals' for the detail view display so users don't have to leave the main page to see more information.
Prompts
Comprehensive Web App Structure Prompt
Target:
Softr AI Co-Builder
I am building an application with two types of users: Founders and Contributors. Generate 5 tables: AI research runs, topics, content ideas, LinkedIn posts, and events. For the pages, I want them to look the same: use table layouts with the first three fields as columns and some detail views as right side panel modals. Do not create interfaces for 'topics' and 'AI research runs'. Create a command center dashboard that combines topics, content ideas, LinkedIn posts, and events into one view.
Step by Step
Steps to Generate a Complete Web App with Softr AI Co-Builder
- Log in to your Softr account and go to the main dashboard.
- Click on the option to create a new application (New Application).
- Select the 'Generate with AI' mode to launch the Softr AI Co-Builder.
- Enter a comprehensive prompt into the input box provided. Make sure to specify User Roles (Founders & Contributors), Database structure (5 tables), and Layout rules (refer to the Prompt Card).
- Click the Generate button or the arrow icon to start the process.
- Answer the first configuration question: 'How will your users login?'. Select 'Email'.
- Answer the second question: 'Can people sign up on their own?'. Select 'No' if this application is for an internal tool.
- Confirm the navigation settings for the question 'What should be your app's main navigation layout?' by clicking on the suggestion provided.
- Choose your preferred visual theme (Theme) from the list of options that appear.
- Wait for the AI Co-Builder to automatically generate the User structure, Database, and Mock Data.
- Let the AI finish designing the interfaces for the Dashboard, Content Ideas, LinkedIn posts, and Events.
- Click on the final result to view the Command Center display, which combines all tables into a single dashboard.
