You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/projects/website-builder-ai.md
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,20 +20,20 @@ was to build a solution close to this.
20
20
21
21
## Key Features of the Website Builder
22
22
23
-
-**Drag-and-Drop Simplicity**:
23
+
-**Drag-and-Drop elements**:
24
24
Users can drag elements like text boxes, images, links, or columns onto the page, positioning them effortlessly with a few clicks.
25
25
26
-
-**Customizable Elements**:
26
+
-**Customizable elements**:
27
27
Once an element is placed, users can modify it to fit their vision. Whether it’s tweaking the text, adjusting the layout,
28
28
or changing the style, the builder allows for both quick edits and fine-tuned customization.
29
29
30
-
-**Support for Multiple Elements**: The tool currently supports various elements like text, containers, columns, links, and images.
30
+
-**Support for multiple elements**: The tool currently supports various elements like text, containers, columns, links, and images.
31
31
It’s built in a way that we can easily extend the list of supported elements in the future.
32
32
33
-
-**Granular Style Control**:
33
+
-**Granular style control**:
34
34
Users can manually customize the styles, giving them complete control over how each part of the website looks and behaves.
35
35
36
-
-**Undo/Redo Functionality**:
36
+
-**Undo/Redo functionality**:
37
37
The builder supports undo and redo operations, as the user makes changes to the design.
38
38
39
39
## Integrating AI in the workflow:
@@ -42,24 +42,24 @@ Here’s where things get exciting! While the current user flow allows users to
42
42
fixing typos—we’re introducing AI to automate some of these tasks. By leveraging large language models, we’re turning everyday tasks
43
43
into seamless, natural-language-driven experiences.
44
44
45
-
-**Natural Language Commands**:
45
+
-**Natural language commands**:
46
46
Imagine adding text to a webpage and asking the AI to translate it, change its tone, or even rewrite
47
47
the copy entirely—all by typing out a simple command. Instead of manually updating elements, users can let AI handle it, saving time and effort.
48
48
49
-
-**Granular AI Control**:
49
+
-**Granular AI control**:
50
50
The AI doesn’t just make broad changes; users can apply edits at the element level, meaning that specific sections of the website can be
51
51
customized based on unique user commands.
52
52
53
53
## What AI Can Do Right Now
54
54
55
-
-**Text Translation & Editing**:
55
+
-**Text translation & editing**:
56
56
The AI can translate text, change its tone, or even rewrite content altogether—all without ever leaving the builder.
57
57
58
-
-**Styling Text via Commands**:
58
+
-**Styling text using natural language**:
59
59
Need the text to be bold or red? Just ask. Users can instruct the AI to style elements in real-time, whether it’s changing colors,
60
60
adding emphasis, or tweaking alignment. This is powered by the `Gemini 1.5 Flash` language model, which understands commands like "make this text bold" or "turn this text red."
61
61
62
-
-**Screenshot-Driven Styling**:
62
+
-**Styling using screenshots**:
63
63
The `Gemini 1.5 Flash` model supports text and image input. The user can provide screenshot of an element's design and instruct the AI to
64
64
make the element look like the image. Currently in this version simpler designs are supported.
0 commit comments