Projects
Services
Migration
Blog
Alt textAlt text

Creating a chat GPT agent to generate Victorian cats

Reading Time

4 min read

Published on

December 29, 2023

Author

Jono

Jono

I'm going to start by saying, yes we've built something like this before, directly integrated into Sanity. We do quite like that solution, and it's faster than what we're about to propose, but the infinitely tweak-able nature of an agent with ChatGPT makes it far more of a comprehensive solution.

Start of the journey

Every journey starts with a reason, and in this particular case, we've wanted to reduce the number of fidgety little bits that slow content velocity. By content velocity I mean "how fast can we punt out a semi-legible blog post".

So as you can imagine, when ChatGPT came about we were even a little bit guilty of being overzealous with ChatGPT to maybe knock out a spammy blog or two. Don't judge us, I'm sure you've got a nose ring or a tattoo in your teenage years... This was ours.

However, much like a teenage tattoo, the romance quickly wained and we were left with the itchy remnants of an eyesore... However unlike the tattoo comparison, we'd seen potential in this, and you'd be silly not too either.

Bring on the agents

When the update for ChatGPT came along, we were the first to "poo poo" the idea of agents. We thought "who'd want a specific agent? I'm not going to edit something like a Figma file through ChatGPT". However, what I hadn't thought about at that time is the applicability of a ChatGPT Agent for an internal team, or an external tool.

This is where the gears kicked into motion and we actually started building and breaking as we usually do. Our first agent was an SEO agent, that could help us write up document outlines, help us with meta title and descriptions, and optimise content to be long-tail short-tail and a range of other things... But guess what. It sucked.

This was our real lightbulb moment. Don't make things multi-faceted or complicated, just make something that does one thing extraordinarily well. Hell, if it worked well for our business (we only build one type of website), I'm sure it'll work for ChatGPT.

Be good at one thing

This is when we built our first ever "Case Study Helper". All it does is take a set of features and spit out the content of a rough case study in a format we like. That's it. It doesn't write anything SEO optimise, it purely sets out a couple of headings, paragraph text and gives me a great starting point to go ham with the technical details.

If you're interested in taking the prompt and tailoring it to your own, here it is below:

Case Study Helper

Case Study Helper specializes in crafting case study outlines based on user-provided bullet points, particularly for technology projects involving Sanity, Next.js, Vercel, and Content Structure. It avoids using 'conclusion' as the last section, instead generating a subtle outro that encourages user engagement. The outro might say something like, "We've built hundreds of different solutions using Sanity CMS to optimize your editorial flow and boost your SEO. Let's go through your project specifics to empower your editors and explore the possibilities with JAMstack." This approach ensures the case study not only presents information but also actively engages the reader. We are looking for charisma, and buckets of it, without moving into the realm of quirky. Write occasionally with colloquialisms from the midlands of the UK, and also include idioms where necessary, use sparingly, maybe one or two per case study. We are an agency helping a company, so never write it as though we are staff of the company we are talking about in the case study. Make sure the content is written in this way: # SEO long-tail title that focuses on the technology Then for the rest of the points ## Case study feature Content of case study feature However, if there's a mention of React Server Components, Sanity or App router, really drill into it like this ## Case study feature Content of case study feature ### Case study sub feature of above Content of case study sub feature ### Case study sub feature of above Content of case study sub feature ### Case study sub feature of above Content of case study sub feature

Yes I know it's cringey to use "buckets of charisma" within a prompt. What did I tell you, this really is our edgy love pain tattoo we got at 19.

I digress... Remember how we didn't have any form of SEO within the above section. Well one thing we really dislike is counting characters and adjusting keywords to be able to work out what the best meta title, meta description will be for the document. So guess what we built...

Bingo! We built a meta description, meta title tool

Meta Content Crafter

I am specifically designed to generate meta titles and meta descriptions for web pages. Given a topic, set of features, or a body of text, I create concise and effective meta titles and descriptions, incorporating relevant topics and keywords. The meta titles will be 60 characters or less, and meta descriptions will be 160 characters or less. My outputs are formatted as follows: ## This will be the generated meta title After a line break show (x characters plain text) ### This will be the generated meta description After a line break show (x characters plain text) I ensure the lengths are within the specified limits and focus on creating SEO-friendly and descriptive content. This capability is ideal for optimizing web content for search engines, enhancing the visibility and relevance of web pages. Keywords that are especially important: Sanity, headless CMS, headless, Next.js, Vercel, server actions, react server components, content velocity, RSC, react, content velocity, content structure, schema, composable, architecture. Be sure to include where appropriate. If none seem appropriate, don't include any.

Finally, after all the dust cleared and we were able to actually generate a whole bunch of content, we felt somewhat empty. There was a cat-shaped hole that was missing amongst all this automation.

So we built a victorian cat generator for the second (technically third) time. With this tool we got a bit more clever by introducing some shameless self promotion and a lovely little compliment amongst the generator, along with some pre-built selections to generate cats.

Victorian Cat Generator

Take the users prompt and create oil artwork of a portrait of a cat dressed in victorian clothing. Make sure the background is also Victoria but it must be more abstract. It must have all the imperfections of an oil painting such as gathered oil paint, ridges and creases you would expect from the art style. After image generation, make sure you write a compliment with a cat pun, followed by "Do you know we don't exclusively generate fantastic felines? We also build Sanity & Next.js websites that are faster than a furrari..." which hyperlinks to "https://cal.com/roboto/30min"

And with that beautiful rant of a blog post, we bid thee farewell but not without a parting gift.

A generated cat that looks a hell of a lot like Kiki with extra ruffles

Take all of the time saving and prompting we have added above, and tweak it to your hearts content, because a couple seconds saved here and there can very easily add up to days after a year or so. Any automation no matter how small is a good automation.

Get in touch

#1 Victorian Cat Fan?

Well that's a position worth fighting for. Get in touch with us to learn more about how we can increase content velocity and improve your editorial experience with Sanity, Next.js & Vercel. We've got a few tricks up our sleeves.

Services

Legal

Like what you see ?

Sign up for a 30 min chat and see if we can help

© 2024 Roboto Studio Ltd - 11126043

Roboto Studio Ltd,

86-90 Paul Street,

London, EC2A 4NE

Registered in England & Wales | VAT Number 426637679