Can the Generate AI use my custom component?

Technical Questions
1

What are you trying to accomplish
I’m trying to get AI to generate a landing page using strictly my custom components that I already set up in builder. I added tailwindUI custom components.

It would also be fine if I could export the code of the pages I generated and have claude generate a new landing page pased on them + new text then import the code back into builder as a new page.

2

Hi @Vincze,

Builder.io absolutely supports using only your own custom Tailwind UI components:

If your custom Tailwind UI components are registered with Builder, AI can generate landing pages using only those components. Here’s how:

  • In your Builder-integrated codebase, register your custom components using the steps from this doc.
  • Now Builder’s AI (in the Visual Editor via “AI Generate”) will be able to use only these components when generating the code.

For your second issue, where you want to export the code to Claude or othr LLMs and re-import the code back to Builder, you can follow the steps given below:

  • Design a page in Builder using your custom components.
  • Copy/export the generated JSON or JSX.
  • Paste this code into Claude with a prompt like:

“Take this landing page and change the copy to be about [topic]. Keep the same component structure.”

  • Copy Claude’s new JSON or code, go back to Builder:

You can also automate this process using Builder’s Content API to programmatically fetch and save content.

Thanks,