How to Customize the AI Rate and Fix Mod

If building a mod from scratch feels intimidating, this tutorial is for you. Rather than building anything, we’ll show you how to take an existing mod and tweak it slightly. It’s much less intimidating than starting from scratch, and you’ll achieve the same result of building something custom for you!

In this tutorial, we’ll take an existing mod, called AI Rate and Fix Response and modify it slightly to make it rewrite content as our favorite fictional or real character. The mod in the marketplace currently takes selected text and rewrites it with AI based on certain guidelines such as

For fun, we’re going to change these guidelines so that it rewrites text to sound more like a specific person. I’m going to use Leslie Knope from Parks and Rec, but you can use anyone you’d like!!

Here’s how we can do that.

In this tutorial, we want to customize the AI Rate and Fix Response mod to rate text based on our own guidelines rather than the default ones provided. To do this, we’ll first need to activate the mod from the PixieBrix marketplace.

After you click “Activate”, you’ll be prompted to sign up for a PixieBrix account if you haven’t already. A sidebar appears asking you to select an OpenAI configuration. Feel free to use the default one, which is our Built In one - no configuration or hunting for API keys required!

Click the “Finish activating” button at the bottom of the screen, and you’re done!

Once you’ve activated the mod, it’s available in your Page Editor and you can fork/copy/duplicate… whatever your choice of words is here. 😄

To copy a mod, open your Page Editor, click the three dots that appear next to the mod AI Rate and Fix Response. From the options that appear, select “Make a copy”. If you’ve never created a mod before, you’ll be prompted to select an account alias. Name this anything you like - it’s what all of your mods will start with, and you can think of it as a username.

The next modal shows you the options for the mod, you can leave all of these to the default, but here’s what is being set:

Once you’re done, click the blue Create button in the bottom right and you have yourself a copied mod!

Before we start tweaking too much, you need to understand what you’re looking at. While there’s a lot going on under the hood, don’t worry - this is just a brief overview to help you get your bearings!

Each mod is technically made up of one or more mods inside of it. In the AI Rate and Fix Response mod, there’s just one mod inside called Score Menu Item.

We’ll go from left to right reviewing each of these panels.

Click Score Menu Item on the first panel on the left, and we’ll analyze what’s happening in that mod.

The panel to right of the one that lists your mods is your brick pipeline. That panel starts with Context Menu and says Brick Actions. This shows you all the bricks that make up the mod. You can think of bricks as “steps” that perform a specific function.

The middle panel that says Name at the top and has Configuration options is the place you specify what is happening in a brick. For instance, we’re setting a context menu with this brick. 🤯 Don’t worry too much about what is happening here, it’s okay if you don’t understand all the configuration items because you won’t need to change most of them when copying a mod!

The last panel on the right shows what you get from a brick. For instance, if you’re using a brick that scrapes data from a page, you can reference the scraped data and use that in another brick. You can preview the data it’s getting by running the mod and seeing the output in this section. Once again, don’t worry if this all looks confusing. You don’t technically need to know any of it to change a mod! The more you tinker, the more comfortable you’ll become with these things.

To customize a mod, you’ll likely end up tweaking something in one of the bricks. In this case, we want to tweak the prompt that asks OpenAI to rewrite the text and update the prompt to sound more like Leslie Knope (or whoever you’d like to sound more like). So let’s click around and find the brick that does that.

You can follow along by clicking around in your own mod, or watch this video.

To save you from clicking all the bricks, you can watch the above video and find the bricks we need to change. First, find the one called HTTP Request. It’s the third brick from the top.

We also need to change the prompt in the Create Chat Response with ChatGPT brick (7th brick from the top).

Scroll inside the settings of each of those bricks and you’ll see the prompt that we want to customize. You can tell because there are four sections that specify how to rewrite the prompt that we need to change.

We’re nearly there! Now we need to actually change the prompt inside the mods to help ChatGPT rewrite the text to sound like Leslie Knope rather than just “friendly and personable”.

Let’s start with this one. We need to rewrite the prompt here to examine four criteria that you can score a response on based on the persona we’re working on. To do this, it’s as simple as typing in that box and rewriting exactly what we’d ask ChatGPT. I will write a bit to help it understand more about Leslie Knope, but if you want to do someone else, go for it! Feel free to use this, or customize the parts in bold as you see fit.

Copy and paste this into the value field of prompt in HTTP Request brick.

Here’s a demo of exactly how to do that.

Now we need to update one more brick - the one that actually asks ChatGPT to rewrite the selected text based on the brand!

Like in the HTTP Request brick, I’ll go to the Create Chat Response with ChatGPT brick and edit the response.

This is the prompt I used for sounding like Leslie Knope. You’re welcome to edit as you see fit for whoever you’d like to sound like (or if you think you can improve on my description of Leslie Knope, then you’re welcome to!). I bolded the parts I changed from the original prompt so you can see what to update. ⚠️ Remember - the more descriptive you can be, the better!

Once again, you can just copy and paste that text right in the content field, like this.

Lastly, look in the brick just below the prompt, and change Original Response to Original Content, like this:

You’ve now changed the prompt, but you likely noticed while running the mod that there’s a few style things we might want to change. These don’t necessarily impact the performance of the mod, as we are already seeing scores and newly written responses, but its a bit of a confusing experience because…

we have two identical context menu items when highlighting selected text

and when the sidebar appears, the text for the criteria doesn’t show the new ones we’ve replaced

We’ll start here because this is the easiest change. Click the Context Menu brick from the Brick pipeline. It’s the first one!

Edit the title field to change the name of this context menu to be something different. I’m going to call mine “Sound like Leslie Knope”. You can call it literally anything you want.

Now, let’s update the text on the chart. We’re going to go to the Render Document brick. You can find this in the Brick pipeline inside of Display Temporary Information. Click Render Document.

On the right side in the data panel, you’ll see a preview of the Side Panel, along with a bunch of jargon you’re probably not interested in.

See the word “positive” in positive tone? We want to change that because we changed the criteria to be something else. Double click the text “positive”, and you’ll see an editor appear to the left allowing you to update the text in that box. Simply replace “Positive Tone”, with the first criteria you set. If you’ve been following along with me using Leslie Knope, the first criteria was Friendly so I’ll swap “Positive Tone” for “Friendly”.

Do this for each of the four criteria, like this.

Positive Tone TO Friendly Conciseness TO Energetic Conversational TO Collaborative Factual TO Positive

And one last thing while we’re here… let’s change the headline on the sidebar! Click AI Score in the preview on the data panel and then select the text on the left in the editor and change it to whatever you’d like. I’ll call it “Does this sound like Leslie Knope?” Click Show Live Preview to see the changes reflected in the sidebar!

Once your edited mod behaves as expected, you are ready to save it. All you need to do is click the Save icon on the name of the mod in the leftmost panel.

A modal appears confirming you’d like to save.

Press the blue button to confirm you’d like to save, and now let’s test it!

Hopefully you’ve been testing your mod along the way and if it’s worked so far, then it should work now!

I’ve been testing with text on the marketplace listing page for this mod since it’s in the same tab, just above the Page Editor. So I’ll do that again and select a paragraph from the description.

Then I’ll right click, select the “Sound like Leslie Knope” action from the context menu, and voila! My sidebar scores that response and shows me how I can improve it to sound more like Leslie Knope!

Remember, this works with any highlighted text, even text you type in an input box. Once you save your mod, you can try this out on other pages and use anywhere in Chrome!

Congrats! You’ve done it! You’re a PixieBrix builder. Now you should feel comfortable editing a mod to customize it for specific use cases, without having to actually build a mod from scratch. How can you celebrate? Well, a couple ways!

📷 We’d love to see how you customized your mod! Feel free to take a screen capture and share in the #show-and-tell channel in the PixieBrix Slack community.

📣 Tell your friends! Tweet about it, make a video, or share on LinkedIn! Your friends and colleagues might be interested in building a creation of their own!

💪 Build another mod! Find another mod in the PixieBrix Marketplace and customize it to create another use case!