Project Planning and Prompt Writing Guide

​

Usage Tips

​

Page steps after requirement clarification

1. Matches expectations, start generation directly
   • If the page steps match your expectations, you can directly click the “Start Generation” button
   • The system will proceed with the generation flow based on these steps
2. Doesn’t match expectations, but unsure how to describe
   • If it doesn’t match your expectations but you’re unsure how to describe the issue
   • You can click the “Not sure yet” button
   • The model will provide you with new options to choose from
3. Have your own ideas, want to adjust
   • If you have your own ideas about the page steps or need adjustments
   • You can directly input your requirements in the dialog box
   • The model will combine your description and generate new options

💡 Tip: Make full use of the requirement clarification stage to make subsequent generation more aligned with your expectations. If unsatisfied, don’t rush to continue—clarify first, then proceed to the next step.

​

Style selection and theme preview

1. Select a style
   • Click on any of the 4 generated styles to select it
   • Each style represents a different design direction
2. Preview themes
   • There is a theme color selector at the bottom of the page
   • Slide the theme color selector to see how different themes look with the selected style
3. Apply a theme
   • Click on a theme to select and apply it directly
   • The theme will be immediately applied to the currently selected style
4. Confirm and continue
   • Once you’ve confirmed both the style and theme match your preferences
   • Click the “Continue with this style” button in the top right corner
   • The system will proceed to generate your application with your selected style and theme

💡 Tip: Take your time to explore different style and theme combinations. Previewing themes by hovering helps you make an informed decision before finalizing your choice.

​

Generate demo version

1. Click the “Got it, start demo” button
   • After style generation is complete, click this button to generate a demo version
   • The demo version uses system-generated test data
2. Experience application features
   • The demo version is the simplest demo version
   • You can switch pages and perform basic operations
   • Helps you understand how the application works and its interaction flow
3. Verify design effects
   • Through the demo version, you can visually see the actual effects of the application
   • Verify whether the design meets expectations
   • Confirm whether the functional flow is reasonable
4. View and confirm demo
   • After the demo is generated, there will be a reminder in the conversation flow
   • Click “View Demo →” in the top navigation bar
   • You can then confirm the demo effects

💡 Tip: The demo version is a great way to quickly validate design and functionality. Before generating the full application, understanding how the application works through the demo version can help you better adjust your requirements.

​

Development stage

1. Choose next steps after viewing demo
   • After viewing the demo, you can select the features you need
   • Click “Generate demo first” to generate a more detailed demo based on selected features
   • Click “Generate demo and development” to directly generate real features with real data based on selected features, and it will provide a subsequent feature list
   • Alternatively, click “Next step, development” in the navigation bar to directly generate a feature list

2. Select features during development stage
   • In the development stage, you can select features to implement based on the model’s recommended order
   • You can also select all features at once to implement everything
   • Choose the features that meet your needs
   • You can make selections and continue directly in the conversation flow
   • You can also make selections in the development tab
   • After selecting and continuing, just wait patiently—superun will implement the features based on your selections

3. Feature acceptance and continued development
   • After selected features are developed, you can test and accept the implemented features
   • If there are any issues, directly raise them in the conversation and let superun make modifications until they meet your expectations
   • Once features are working properly, you can continue selecting remaining features, choose to continue, and proceed with development
   • You can also propose your own requirements in the conversation and let superun implement them

4. Route switching feature
   • During development, if you find that backend management or other standalone route pages cannot be accessed through page clicks
   • You can use the route switcher in the middle of the navigation bar, which will show a dropdown list
   • Select the corresponding page route to directly navigate to that page

​

Launch and operations

• Click “Next step, launch and operations” to access launch-related features
• You can view and manage publishing, search optimization, analytics, and performance
• All features are related to launching your application
• You can launch your application with one click
• Optimize search content and more

​

When there’s a bug, don’t let AI thrash—understand first, then fix

• Site errors or hangs—try Fix a few times (click the Fix button); it usually resolves itself
• Refreshing won’t lose data; the model can be unstable—the work is done but the page hasn’t updated

1. Understand the issue: Copy the error and ask AI: “What does this mean? Where might the problem be?”
2. Confirm approach: Discuss possible solutions with AI
3. Then fix: Have AI make changes only after you’ve confirmed the approach

• ❌ Asking AI to randomly change things as soon as you see an error
• ❌ Modifying without analyzing the problem
• ❌ Making multiple changes in a row that make things worse

• ✅ Understand the error message first
• ✅ Analyze the root cause
• ✅ Plan the fix
• ✅ Then execute the change

​

Use consult mode to think through structure first, then let AI build

• Discuss ideas
• Think through structure
• Ask “Does this make sense?”
• Confirm direction and details

• Have AI generate or modify
• Build based on the discussion
• Ensure direction is correct

• Avoid generating things that don’t match your needs
• Save Credits (consult mode uses fewer Credits)
• Catch issues early
• Clearer thinking

​

Point to specific pages or modules

Add an email notification toggle in the notification settings area of the settings page (/settings).

• Clearly specify page path
• Describe specific location (area, module)
• Describe functionality to implement