Pro Studio — AI Website & Theme Builder for Kajabi by Kraig MathiasPro Studio — AI Website & Theme Builder for Kajabi by Kraig Mathias
Built with Jitter

Pro Studio — AI Website & Theme Builder for Kajabi

Kraig Mathias

Kraig Mathias

AI website design that produces real Kajabi templates

I created Pro Studio to give Kajabi businesses a more flexible way to design their websites. It connects ChatGPT and Claude to a purpose-built environment for creating and editing real Kajabi templates.
As founder and developer, I led the product strategy, UX/UI, architecture, and full implementation, drawing on my experience with Kajabi theme structures and customization workflows.

The challenge

A compelling design still needs to work inside Kajabi. The output has to respect Liquid templates, sections, blocks, and configuration settings so the finished site remains practical to install and maintain.

What I built

Users can begin with a template or import an existing theme, then use an AI conversation to refine copy, imagery, page structure, colors, typography, and reusable elements.
A template library and theme import workflow.
A live Liquid preview for inspecting changes as the design develops.
An MCP connection that gives supported AI assistants structured access to the project.
Validation and repair tools to catch template issues before export.
Native Kajabi ZIP export for manual upload into Kajabi.

The Kajabi workflow

Changes remain in the project workspace until the user is ready to export. The resulting template keeps Kajabi’s native editing controls available after installation, connecting AI-assisted design with the platform’s day-to-day publishing workflow.

The result

Pro Studio turns my Kajabi development experience into a reusable product: a complete path from an AI-assisted design conversation to an installable Kajabi theme.

Template design examples

House of Solenne shows a visual direction created in Pro Studio, with a branded header, hero section, and clear call to action.
AI-styled project or historical design presentation based on captured/published sources. Not pixel-exact screenshot evidence, current-state proof, newly tested interactions, or measured outcomes.
AI-styled project or historical design presentation based on captured/published sources. Not pixel-exact screenshot evidence, current-state proof, newly tested interactions, or measured outcomes.
Studio Meridian demonstrates a different layout and visual direction within the same Kajabi template workflow.
AI-styled project or historical design presentation based on captured/published sources. Not pixel-exact screenshot evidence, current-state proof, newly tested interactions, or measured outcomes.
AI-styled project or historical design presentation based on captured/published sources. Not pixel-exact screenshot evidence, current-state proof, newly tested interactions, or measured outcomes.

Motion-design extension — Jitter (October 2026)

A 29-second, AI-assisted Jitter explainer translates Pro Studio’s conversation-to-template workflow into a short product story. It combines an illustrative ChatGPT prompt, actual Pro Studio template imagery and native motion graphics, ending with theme ZIP export and manual upload to Kajabi. The ChatGPT sequence is illustrative; the film does not contain a recording of an imported Neon theme in Kajabi.
Creative direction and review: Kraig Mathias. Production assistance: Codex and Jitter’s native AI. This later motion concept is separate from the founder/developer work described above.
Product tools: Kajabi, Liquid and Lovable. Motion tool: Jitter.

Product visuals

Editorial product presentation for Pro Studio.
Like this project

Posted Sep 16, 2026

Built Pro Studio to turn AI-assisted website design into native Kajabi themes, with live Liquid previews, MCP connections, validation, and ZIP export.