ALPXWEB
All Videos

Systeme.io AI Workflow [01]

Setting up Gemini Notebook, custom Gemini workflows, and the Systemize Space Vault to generate clean code for Systeme.io.

Systeme.io AI Workflow [01]
Click to play
BRIEF // ABOUT THIS VIDEO

Most people struggle to get good code out of AI because they skip the training step. In this walkthrough, I show you how to set up a dedicated AI Brain using Gemini Notebook and train it on specific rules and documentation from my Vault.

Once the AI understands the rules (like the 14KB first-chunk constraint and strict semantic DOM guidelines), I demonstrate how to configure Gemini to generate ready-to-use HTML and CSS for Systeme.io.

I cover the full workflow from initial prompt to live preview in the HTML editor, including how to troubleshoot broken code, iterate on design outputs, and organize your prompt library for future use.

NOTES // EPISODE BREAKDOWN
01
Setting up your AI BrainHow to download and upload Knowledge Feeder PDFs into Gemini Notebook.
02
Understanding Sources vs. ChatTraining the AI to understand your system rules and constraints.
03
The 14KB RuleInstructing the AI to create lightweight, fast-loading sections.
04
Prompting WorkflowUsing Gemini Notebook to write advanced prompts for Gemini and comparing model outputs (Gemini vs. Qwen).
05
Validation and iterationUsing the HTML Editor to validate code, fix mistakes, and improve designs.
06
Building a custom workflowSaving your workflow with Vault knowledge and organizing your code library in Obsidian.
CORE // KEY TAKEAWAYS
Train before you promptUpload system guidelines into Gemini Notebook to establish a single source of truth for the AI to reference.
Create custom enginesConfigure Gemini with strict instructions to produce far cleaner code than standard conversational AI.
Validate instantlyAlways test AI-generated components directly in an HTML editor or browser to catch visual bugs immediately.
Organize prompt librariesTreat successful prompts and generated components like a curated system; save them in tools like Obsidian for rapid reuse.
STACK // MENTIONED & CONNECTED
Systemize SpaceMain platform website.
Systeme.io Free AccessUsed to build and publish the websites.
Systemize Space HTML EditorTool used to validate custom code outputs.
Gemini NotebookUsed to create the project AI brain.
Google GeminiUsed to generate clean semantic components.
ObsidianMarkdown editor used for the Vault structure.

Other Videos

Explore All Videos →
Building Websites with AI (Episode 01)

Building Websites with AI (Episode 01)

A complete screen recording of how I built VideoCreation.info from scratch: setting up my project Vault, defining brand rules, configuring custom Gemini instructions, and generating clean HTML and CSS in real time.