← All posts

Windows on the frontend

Meet AI Helper — an AI assistant built into JustZix

17 May 2026 · by JustZix Team

JustZix has always been about one thing: changing how pages look and behave without opening DevTools. Today we are adding a partner for that job — AI Helper, an AI assistant that lives inside the page, reads the page with you, and helps you write the CSS and JS that fixes it.

What AI Helper is

AI Helper is a floating window — the same TEMP-style window you already know from the CSS and JS panes. It is rendered inside the current page, one instance per tab, and you can drag it, resize it, and close it whenever you want. Inside that window is a chat: you type, the model answers, and the conversation builds up like any other chat tool.

The difference from a generic chatbot in another tab is that this one is in the page. It knows where you are. It can look at the DOM. And it can drop code straight into a TEMP pane so you see the result live, on the real site, without copy-pasting anything.

How to open it

Three ways, pick whichever fits your hands:

• Keyboard: Ctrl+Alt+\ on any page.
• Popup widget: click the JustZix icon, then the AI Helper button.
• Context menu: right-click the page and pick AI Helper from the Chrome menu.

The window opens where you left it last. Close it with the X in its corner — it is a single instance per tab, so you never end up with five of them stacked on each other.

Bring your own API key

JustZix does not host a model and does not resell tokens. You bring your own key from a provider you already trust. AI Helper supports three:

You paste the key once in Settings → AI Helper, choose a default provider, and pick a model. The model list is fetched live from the provider, so you always see what your account can actually use — and the picker defaults to the top model. If you save more than one key, you can switch provider right inside the chat window. The full walkthrough is in the setup guide.

The chat window

Everything you need sits in one panel:

• Conversation history — the running thread of your messages and the model's replies.
• Clear conversation — wipe the thread and start fresh when you switch tasks.
• Provider and model pickers — change engines mid-conversation without leaving the page.

It looks like a chat because it is one. The new part is what the model can see and do.

It already knows the page

Every time you send a message, AI Helper automatically attaches the current page context — the URL, the page title, and an HTML fragment of the page. You do not paste anything. So instead of describing "there is a sticky header that overlaps the content", you just say "fix the sticky header" and the model already has something concrete to work with.

When it needs more detail, it can ask for it on demand — see the page-inspection tools post.

It can do real work, not just talk

AI Helper is not only a code generator. It runs an agentic workflow: the model can call tools, inspect the page, open a TEMP CSS/JS window, put code into it, and — only with your explicit confirmation — save a folder, group, or rule into your JustZix library.

A typical session looks like this:

You:    Hide the newsletter popup on this site.
AI:     [query_page] inspects the popup container
AI:     [open_temp_pane] + [set_temp_pane_code] drops test CSS
AI:     "Check the page — is the popup gone? Want me to save this?"
You:    Yes, save it.
AI:     [create_rule] (asks for one explicit confirmation)

Each tool call shows up as a "chip" in the window, so you always see what the model touched. The loop runs up to 8 steps per turn. The full breakdown is in the tool-calling deep dive.

Your keys stay private

API calls go through the extension's background service worker, never through the page's own JavaScript. That means your key never reaches the page context, and the request bypasses the page's Content Security Policy. Keys live in chrome.storage.local, and each key has an optional sync checkbox (off by default). The privacy model is covered honestly in the keys and privacy post.

Who this is for

If you already write your own CSS, AI Helper is a faster way to draft and test selectors against a stubborn site. If you do not write CSS at all, it is a way to describe what you want in plain language and end up with a working rule. Either way, nothing is saved without you clicking confirm.

See also

• AI Helper setup — getting and entering your API key
• The agentic tool-calling workflow explained
• API keys, privacy and sync

AI Helper ships in the current build of JustZix — free, no account, Chrome 100+ and the Chromium browsers. Download the extension, add a key, and press Ctrl+Alt+\ on any page to meet your new assistant.