#Very cool website text ascii visualization with GPT4

4 messages · Page 1 of 1 (latest)

rich frost
#

GPT can output tables, but did you know it can also illustrate website layouts?

Prompt:

{...describe what the layout should include...}
Please construct the layout with [blocks] to illustrate how it can look

Outputs:

+---------------------------------------------------+
|                  [Search Bar]                     |
+---------------------------------------------------+
|[User Account] | [Notifications] | [FAQ & Support]|
+---------------------------------------------------+
|                                                   |
|   [Active Conversations]                          |
|                                                   |
| 1. Actor1                  4. Actor4             |
| 2. Actor2                  5. Actor5             |
| 3. Actor3                  6. Actor6             |
|                                                   |
+---------------------------------------------------+
|                                                   |
|   [Actor Overview]          [Generators & JS]    |
|                                                   |
| [Create Actor]   [Edit]  [Create Generator] [Edit]|
| [-----------]   [-----]  [----------------] [----]|
|  Actor1          Edit     Generator1       Edit  |
|  Actor2          Edit     Generator2       Edit  |
|  Actor3          Edit     Generator3       Edit  |
|                                                   |
+---------------------------------------------------+
|                                                   |
|      [Tutorials & Guides]                         |
|                                                   |
|  > Getting Started           > Advanced Features  |
|  > Actor Creation            > JS Implementation  |
|  > Conversation Tips         > Troubleshooting    |
|                                                   |
+---------------------------------------------------+
#

The layout is not that nice on Discord, much nicer in the chat 🙂

loud merlin
#

This is interesting. I was thinking once the multimodal image input is available id give it a picture of a website, and have it recreate the HTML/CSS for formatting. This little trick will likely be useful in coherency in this respect.

rare drift
#

Outstanding find!