Added PromptModifications + Complete Process Demo Links

This commit is contained in:
Manas Hejmadi
2025-09-02 00:01:06 +05:30
parent a4b662be65
commit 67a931247b
3 changed files with 46 additions and 2 deletions

View File

@@ -375,6 +375,18 @@ Generated UI:
![Generated Widget](./images/exmp2.png) ![Generated Widget](./images/exmp2.png)
Modification Prompts:
```
- separate the single card layout into (image+title) in one card and
description in another card
- Resize the image to be 300x300 with a fit of "contain"
- implement dark theme in the whole page with the cards being darker
- app bar must be dark themed with yellow font colour
- the title "A Two Percent Moon" should be centered and yellow coloured
- description text can be light yellow coloured with decent padding
remove any copyright
```
Exported Flutter Code: Exported Flutter Code:
```dart ```dart
class SDUIWidget extends StatelessWidget { class SDUIWidget extends StatelessWidget {
@@ -451,6 +463,8 @@ class SDUIWidget extends StatelessWidget {
} }
``` ```
Click here to view the [Complete Process Demo](https://youtu.be/QCW9Vt_PcYE)
#### Example 3 #### Example 3
`GET`: https://api.postalpincode.in/pincode/560078 `GET`: https://api.postalpincode.in/pincode/560078
```json ```json
@@ -523,6 +537,21 @@ Generated UI:
![](./images/pincodetable.png) ![](./images/pincodetable.png)
Modification Prompts Used:
```- remove any scrollviews
- use a Table for the data (name, branch type, delivery status, district, state only)
- add padding to each text element in table cells
- bold the names of the city areas except "Bangalore"
- make the font size 3x and dark green and bold
- add a right and left margin to table of 20px
- vertically center everything
- light green background
- bold the names of the areas except "Bangalore"
- increase the font size of table cell contents by 25%
```
Click here to view the [Complete Process Demo](https://youtu.be/T3-yp6ZHltA)
#### Example 4 #### Example 4
`GET` https://dogapi.dog/api/v2/breeds `GET` https://dogapi.dog/api/v2/breeds
```json ```json
@@ -566,8 +595,21 @@ Generated UI:
https://github.com/user-attachments/assets/5ac6794e-c92d-41f3-9e6e-4ffa544827b1 https://github.com/user-attachments/assets/5ac6794e-c92d-41f3-9e6e-4ffa544827b1
Modification Prompts Used:
```
- remove scrollview
- convert into 3x3 gridview with all children having childAspectRatio of 1.3
- make the elements in each card of grid view fit its entire card
and make background as dark theme
- Add some padding for each card and also change the background color of the cards to a random one between light yellow, light green, light blue, light purple and light red
- for each text item inside the cards, wrap it with its own card with slightly dark and transparent background color , let font colour be white
- dont separare the cards for the key and value, kep it together and add padding to the inner cards also
```
Exported Source Code: [Link](./codes/example4.dart) Exported Source Code: [Link](./codes/example4.dart)
Click here to view the [Complete Process Demo](https://youtu.be/ZXADJOCR9L8)
#### Example 5 #### Example 5
`GET` https://api.dictionaryapi.dev/api/v2/entries/en/flutter `GET` https://api.dictionaryapi.dev/api/v2/entries/en/flutter
```json ```json

View File

@@ -104,12 +104,12 @@ packages:
source: hosted source: hosted
version: "2.2.9" version: "2.2.9"
better_networking: better_networking:
dependency: transitive dependency: "direct overridden"
description: description:
path: "packages/better_networking" path: "packages/better_networking"
relative: true relative: true
source: path source: path
version: "0.0.1" version: "0.0.2"
bidi: bidi:
dependency: transitive dependency: transitive
description: description:

View File

@@ -81,6 +81,8 @@ dependency_overrides:
pdf_widget_wrapper: ^1.0.4 pdf_widget_wrapper: ^1.0.4
web: ^1.1.1 web: ^1.1.1
freezed_annotation: ^2.0.3 freezed_annotation: ^2.0.3
better_networking:
path: packages/better_networking
dev_dependencies: dev_dependencies:
flutter_test: flutter_test: