I tried out the new AI capabilities with Bricks 2.4 and my experience so far is:
I like
being able to choose my own AI model
VS Code integration
I can prompt with instructions and context
Abilities are present
What doesnt work so well yet:
My variables manager is disabled due to a bug I can’t resolve any other way. So the prompting works fine but no css is ever applicable
CSS can only be applied via variables manager or global css via settings
On my first test it was very unclear where css was written to( was written to global css for a header) You have to tell the AI how to do it exactly. Prompting it properly is mandatory.
Custom Template CSS or Element CSS seems to not be possible at this point.
Handing the AI a set of Elements to work with seems very hard to do. Elements are added and removed by the AI at will. Even with instructions
Styling the CSS via Builder seems also flaky.
What is needed in my opinion:
Make custom CSS available for the AI
Create a Bricks specific instructions.md
But really my questions is. Did anybody get good results with Bricks AI yet? How did you do it?
Good results depend heavily on giving the agent Bricks-specific context before it writes.
Start by installing and verifying the Bricks skills from Bricks > AI > Skills. Then begin the session by asking the client to call bricks-start-here, inspect the existing design system/current page, and show a plan before saving changes. The Academy page covers the setup and includes example prompts: AI Abilities and Skills | Bricks Academy
For build tasks, keep the first prompt narrow, work on a local or staging site, ask the agent to use existing classes/variables where possible, and have it read back or preview the changes after writing. That usually works better than a broad prompt like “style this page.”
The Variables Manager issue should be handled separately, but I can’t see any report from you reporting it. If it is still reproducible, please create a Bug Reports topic with the exact steps, Bricks version, and a screenshot or error so we can investigate the issue.