I tried a grapesjs plugin today but it wasn't great
https://github.com/sathudeva7/grapesjs-gpt-plugin/
The concept is nice, you have an "AI" button in elements contextual bar. When you click it, a text box is displayed and it inserts in the selected component whatever the AI answers
I also checked what weweb.io is doing with AI
I believe we should have a pannel like all the AI tools out there:
- the context is displayed and can be changed: Page or Selected component or website...
- when the user submit a prompt, it is sent to the AI and we use function calling to let it manipulate the data
- when functions are called by the AI, we add visual feedback in the text, e.g. "created a component"
It would be possible to do this
- use grapesjs API to manipulate the styles, edit the components, style anything...
- use Silex API to edit components expressions (CMS), change the site settings...
- display results: list of elements, suggestions, ... Same as the "notification list" where you can find buttons which when clicked select an element
Use cases
- add a hero section to the second page
- duplicate the current component and make a dark version of it
- list all images that have no "alt" attributes
- find the component that has a blue background
- i selected a card, make it dynamic, i want to display the collection "blog" of my "wordpress" data source