Growcreate.AiToolkit 1.0.1

Growcreate AI Toolkit

The AI Toolkit is a developer-ready, production-grade integration that embeds powerful, context-aware AI directly into the editorial workflow. Built on Azure AI Foundry, it provides complete control over how AI behaves across your implementation, whether it's a single site, multi-site, or multi-lingual site solution.

Azure AI Foundry setup

1. Go to https://ai.azure.com/ and sign in
2. Setup a new resource by following the wizard
3. In the deployments of your new resource deploy a model for your content and metadata generation
4. (Optional) Deploy a "text-to-image" model for your image generation

Quickstart

1. Install the Growcreate.AiToolkit - dotnet add package Growcreate.AiToolkit
2. Run your solution for the base appsettings to be added
3. Add your Azure AI Foundry Api Key and Endpoint to the appsettings
4. Adjust the settings as per the configuration section below to match up to your Umbraco setup
5. Add the "AI Toolkit" section to your Umbraco backoffice user group permissions
6. Experience the power of AI content!

Features

Tone of Voice (ToV) management

The Toolkit adds a new section to the backoffice named "AI Toolkit", which includes information about the tones, contexts, and settings.

The first of these tabs is the "Tones". In here the content editor is able to set their global, corporate tone that will be included in the system messages for the chat client when generating metadata or content.

We take this a step further and allow the content editor to set the tone per node and apply inheritance logic so that a tone can be set per section of sub nodes if required. This is then factored into the system messages for the chat client.

Automated metadata generation

When enabled the Toolkit will go through all of the properties on the node being saved (or published if using GenerateUsingHttpClient)

This property list can be configured so not all properties are included.

From there we will transform the property values to a readable list for the chat client and build up a system messages to support our pre-defined user message.

Once a response is received from the chat client, the defined output properties will be populated with the following:

• Meta Title
• Meta Description
• Opengraph Title
• Opengraph Description

Automated image alt text generation

When enabled the Toolkit will handle an image being saved/uploaded and process the bytes.

From there we will build up the system messages to support our pre-defined user message which states to focus on the foreground features of the image.

Once a reponse is received from the chat client, the defined output properties will be populated with the media Alt Text.

Generative content

The Toolkit adds 3 new data types and 1 new TinyMCE custom plugin.

It also adds a new Content App for the node tone (covered above) and context.

The node context is only used for the generative content so the LLM has an understanding of what this page is to be about.

AiToolkit.GenerativeTextBox

This data type is an extension of the standard TextBox type. The addition is a new "Generate" button that will open an editor that allows the user to define a prompt, click a button to generate, and then edit the response. Once the user submits this editor, the response will be entered into the text box.

AiToolkit.GenerativeTextArea

This data type is an extension of the standard TextArea type. The addition is a new "Generate" button that will open an editor that allows the user to define a prompt, click a button to generate, and then edit the response. Once the user submits this editor, the response will be entered into the text area.

AiToolkit.GenerativeMediaPicker

This data type is an extension of the standard MediaPicker3 type. The addition is a new "Generate" button that will open an editor that allows the user to define a prompt, click a button to generate, and then preview the image. Once the user submits this editor, the image will be added to the media list. If the media picker is configured to have limits then these are also respected.

The image will be placed in a folder named: AiToolkit.GeneratedImages

TinyMCE Custom Plugin

This custom plugin once enabled on the standard TinyMCE data type will add a new "Generate Text" button that will open an editor that allows the user to define a prompt, and click a button to generate. Once generated the response will be inserted into the RTE at the cursor location.

Configuration

Screenshots

Set your Global Tone

Set Page/Section specific Tones

Generate textual and HTML content

Generate images

Automatically generate Metadata and Opengraph content

Demo

Watch our demo video on YouTube!