Skip to content
John Carter Portfolio

Case Study

Building a Simple AI Learning Assistant Inside WordPress

A focused AI learning assistant inside No Signal Media that lets users ask a question, choose a learning style, and receive one clear, readable response built around how they want to learn.

Problem

AI tools can feel too open-ended for people who are new to them.

A blank chatbot box assumes the user already knows how to ask a good question. It also assumes they know what kind of answer they want. For many people, that is the hard part.

The Learn Tool was built around a more useful starting point: What kind of answer would help you learn this best?

Instead of making users figure out prompting from scratch, the interface gives them a set of learning formats to choose from before submitting their question. That turns the experience from an empty prompt box into a guided learning tool.

Approach

I wanted this first AI tool to stay intentionally small.

It did not need memory, conversation history, browser automation, or a complicated agent workflow. The goal was to prove the basic pattern of building AI into a WordPress experience:

  • Collect a question from the user
  • Let the user choose a learning style
  • Turn that choice into a structured prompt
  • Send the prompt to the OpenAI API
  • Return a clear answer to the page
  • Format the answer so it feels useful and readable
  • Add limits so the feature has boundaries

The learning styles made the tool more focused. A user could ask for a step-by-step answer, the basics, a visual explanation, a hands-on explanation, a cheat sheet, or a Socratic-style response.

That design choice helped the tool teach two things at once. It helped users learn the topic they asked about, but it also showed them how changing the format of an AI answer changes the usefulness of the result.

What I Built

I built a simple AI learning assistant directly inside WordPress.

The first version connected a WordPress page template to the OpenAI API through PHP. The form collected the user’s question and selected learning style, then sent a structured prompt to the API. The response came back as markdown and was displayed on the page.

That markdown response became an important part of the build. The AI was not returning a finished web layout. It was returning structured text. Once I understood that, I could treat the front end as part of the product experience. The page needed to format the response so it felt like a clean learning result, not raw output from a machine.

The tool was designed for one-off answers, not full conversations. That was intentional. Most users already have access to general AI chat tools if they want an extended back-and-forth. This feature had a narrower job: help someone get one useful answer in a format they chose.

I also added basic usage guardrails. The tool was limited to two uses per day, which gave the project a simple cost and abuse boundary. That was an early lesson in AI product design: even a small feature needs limits.

The Learn Tool was also connected to the broader No Signal Media member experience. Users could save the AI output as a note inside My Room, turning a temporary answer into something they could keep in their private workspace.

Outcome

The Learn Tool proved that AI features do not need to start as large, complicated agents.

A focused one-off assistant can be more useful than a generic chatbot when the interface gives the user structure. In this case, the value came from combining a simple form, learning-style choices, prompt structure, API output, markdown formatting, usage limits, and a save-to-note workflow.

The project helped me move from using AI as a browser tool to building AI into an actual web experience. It also clarified a repeatable pattern I could use again: collect user input, add structure, send it to a model, format the response, protect the endpoint, and connect the result back into the product.

The tool is simple, but that is what made it valuable. It became a practical first step toward building AI-powered interfaces inside WordPress.

Tools Used

WordPress, PHP, OpenAI API, structured prompts, markdown output, front-end form handling, usage limits, My Room notes, No Signal Media member tools