In a previous post I shared how I used Claude to create a Drupal website just by prompting and tweaking via the Drupal admin pages. Wasn't a perfect or the "Drupal way" of a website but it worked. Was mainly just twig files with raw HTML in there so most edits require editing the twig files.

BUT I took this workflow and had Claude analyze my AI Drupal site builder codebase to see what it was missing, and oh was it missing a lot. It filled in gaps I didn't even know about and was a lot better than me hammering and hoping.

After adding the workflow and testing/tweaking I finally got it to create a fully customized and working Drupal site running in DDEV!!

Then the easy part of porting it over to my web server to finally update a website I built in 2020 and hadn't touched it since. The final (and very basic) Drupal website is at: webdevday.com and my AI Drupal website will eventually be at drupod.com

I’ve been messing around with the new Drupal Canvas AI sub-module, but honestly, the layout output was driving me crazy. It felt like it was just guessing where things should go and ignoring my design system.

I just stumbled on this step-by-step video that explains the "Context" side of things. It shows how to actually train the AI using a coding agent to generate knowledge guidelines so it respects your component props and grids.

If you’ve been struggling with messy AI-generated pages in Drupal, this workflow is a game-changer:

It’s a quick watch but the part about the AI Context module saved me hours of manual tweaking.