[DEV TESTING] Generative AI

WEBVTT

1
00:00:00.000 --> 00:00:08.000
We looked at a couple different areas of AI, but the one that's gotten the most attention,

2
00:00:08.000 --> 00:00:12.260
and frankly is the most mainstream, is generative AI.

3
00:00:12.260 --> 00:00:14.880
And generative AI comes in many forms.

4
00:00:14.880 --> 00:00:19.840
Some applications generate written text, and you've probably used some of these tools,

5
00:00:19.840 --> 00:00:26.460
like Chats GPT, Google's Gemini, or Anthropic Cloud, while others are great for producing

6
00:00:26.460 --> 00:00:31.120
new images, like Midjourney, Dolly, and Stable Diffusion.

7
00:00:31.120 --> 00:00:36.460
Then there's others that are great for generating programming code, like GitHub Copilot.

8
00:00:36.460 --> 00:00:41.200
Then there's applications that will generate video or music tracks.

9
00:00:41.200 --> 00:00:46.620
Generative AI covers a broad spectrum of software tools and platforms, and the list seems to

10
00:00:46.620 --> 00:00:48.980
grow daily.

11
00:00:48.980 --> 00:00:53.740
Generative AI capabilities are appearing in tools that you probably already work with,

12
00:00:53.740 --> 00:00:59.020
products from Microsoft and Adobe, services that you might be familiar with, like Grammarly

13
00:00:59.020 --> 00:01:01.060
or even ContentStack.

14
00:01:01.060 --> 00:01:05.400
The key component of generative AI lies in the interaction.

15
00:01:05.400 --> 00:01:10.940
You input commands, typically through a brief prompt detailing your requirements, and the

16
00:01:10.940 --> 00:01:18.800
AI creates entirely new content, hence the word generative, which reflects the AI's ability

17
00:01:18.960 --> 00:01:26.160
to not merely retrieve existing data, but to actually create novel outcomes.

18
00:01:26.160 --> 00:01:31.720
Chatbots leverage something called Large Language Models, or LLMs, similar to the models we

19
00:01:31.720 --> 00:01:33.560
talked about earlier.

20
00:01:33.560 --> 00:01:38.280
They're trained on vast amounts of text data, and they're capable of generating human-like

21
00:01:38.280 --> 00:01:43.680
responses by leveraging deep learning and transformer architectures.

22
00:01:43.680 --> 00:01:48.340
Think of a transformer architecture as a conductor of an orchestra.

23
00:01:48.340 --> 00:01:53.860
The transformer has something called a self-attention mechanism, which allows it to focus on different

24
00:01:53.860 --> 00:02:00.940
sections of the orchestra, or input data, simultaneously, rather than one at a time.

25
00:02:00.940 --> 00:02:07.220
This enables the conductor to understand how each section contributes to the overall performance,

26
00:02:07.220 --> 00:02:12.340
adjusting focus dynamically to highlight or blend certain musical elements.

27
00:02:12.340 --> 00:02:18.700
In transformers, this translates to processing input data in parallel, allowing the model

28
00:02:18.700 --> 00:02:24.660
to assess the relevance of different data elements and grasp complex relationships.

29
00:02:24.660 --> 00:02:29.740
Additionally, there is an encoder and a decoder within the architecture.

30
00:02:29.740 --> 00:02:32.900
It functions in a similar way as a translator.

31
00:02:32.900 --> 00:02:39.220
The encoder absorbs and comprehensively represents the original language, while the decoder interprets

32
00:02:39.220 --> 00:02:45.700
and recreates this into new language, whether it be for a translation, a summarization,

33
00:02:45.700 --> 00:02:47.500
or generating text.

34
00:02:47.500 --> 00:02:51.940
This has proven exceptionally effective for natural language processing, serving as the

35
00:02:51.940 --> 00:02:57.300
foundational structure for most contemporary large language models.

36
00:02:57.300 --> 00:03:04.500
So you might ask, do AI tools that create images, music, or video also use large language

37
00:03:04.500 --> 00:03:06.100
models?

38
00:03:06.100 --> 00:03:11.180
Kind of, but they're referred to as foundation models, as they're multimodal, not just a

39
00:03:11.180 --> 00:03:14.100
tool for working with language.

40
00:03:14.100 --> 00:03:20.700
The underlining mechanism of any generative AI tool remains fairly consistent across different

41
00:03:20.700 --> 00:03:26.540
applications, whether it's creating text, images, code, whatever the case may be.

42
00:03:26.540 --> 00:03:28.060
A quick sidebar.

43
00:03:28.060 --> 00:03:33.660
An important concept to understand when working with any of these generative AI tools is this

44
00:03:33.660 --> 00:03:36.820
idea of a knowledge cutoff date.

45
00:03:36.820 --> 00:03:43.060
Because training these models is so computationally expensive, and it requires an enormous amount

46
00:03:43.060 --> 00:03:49.440
of data, the vendors often set a cutoff date, which is to say they'll stop using data up

47
00:03:49.440 --> 00:03:54.780
until a certain point in time, typically as close as they can get till today.

48
00:03:54.780 --> 00:03:57.180
But it's usually months earlier.

49
00:03:57.180 --> 00:04:03.660
So if you were to ask ChatGPT to summarize an event that occurred in the past few months,

50
00:04:03.660 --> 00:04:09.300
regardless of how significant the event, it might not be able to do it.

51
00:04:09.300 --> 00:04:15.380
To know what the date is of a knowledge cutoff, just ask the chatbot.

52
00:04:15.380 --> 00:04:19.620
Now that we have a general understanding of what's happening in the background with these

53
00:04:19.620 --> 00:04:27.060
AI tools, and we understand some foundational concepts like machine learning, deep learning,

54
00:04:27.060 --> 00:04:32.420
computation models, and LLMs, we can begin to explore how we can get the most out of

55
00:04:32.420 --> 00:04:35.940
these tools, and it often starts with a prompt.



We looked at a couple different areas of AI, but the one that's gotten the most attention, and frankly is the most mainstream, is generative AI. And generative AI comes in many forms. Some applications generate written text, and you've probably used some of these tools, like Chats GPT, Google's Gemini, or Anthropic Cloud, while others are great for producing new images, like Midjourney, Dolly, and Stable Diffusion. Then there's others that are great for generating programming code, like GitHub Copilot. Then there's applications that will generate video or music tracks. Generative AI covers a broad spectrum of software tools and platforms, and the list seems to grow daily. Generative AI capabilities are appearing in tools that you probably already work with, products from Microsoft and Adobe, services that you might be familiar with, like Grammarly or even ContentStack. The key component of generative AI lies in the interaction. You input commands, typically through a brief prompt detailing your requirements, and the AI creates entirely new content, hence the word generative, which reflects the AI's ability to not merely retrieve existing data, but to actually create novel outcomes. Chatbots leverage something called Large Language Models, or LLMs, similar to the models we talked about earlier. They're trained on vast amounts of text data, and they're capable of generating human-like responses by leveraging deep learning and transformer architectures. Think of a transformer architecture as a conductor of an orchestra. The transformer has something called a self-attention mechanism, which allows it to focus on different sections of the orchestra, or input data, simultaneously, rather than one at a time. This enables the conductor to understand how each section contributes to the overall performance, adjusting focus dynamically to highlight or blend certain musical elements. In transformers, this translates to processing input data in parallel, allowing the model to assess the relevance of different data elements and grasp complex relationships. Additionally, there is an encoder and a decoder within the architecture. It functions in a similar way as a translator. The encoder absorbs and comprehensively represents the original language, while the decoder interprets and recreates this into new language, whether it be for a translation, a summarization, or generating text. This has proven exceptionally effective for natural language processing, serving as the foundational structure for most contemporary large language models. So you might ask, do AI tools that create images, music, or video also use large language models? Kind of, but they're referred to as foundation models, as they're multimodal, not just a tool for working with language. The underlining mechanism of any generative AI tool remains fairly consistent across different applications, whether it's creating text, images, code, whatever the case may be. A quick sidebar. An important concept to understand when working with any of these generative AI tools is this idea of a knowledge cutoff date. Because training these models is so computationally expensive, and it requires an enormous amount of data, the vendors often set a cutoff date, which is to say they'll stop using data up until a certain point in time, typically as close as they can get till today. But it's usually months earlier. So if you were to ask ChatGPT to summarize an event that occurred in the past few months, regardless of how significant the event, it might not be able to do it. To know what the date is of a knowledge cutoff, just ask the chatbot. Now that we have a general understanding of what's happening in the background with these AI tools, and we understand some foundational concepts like machine learning, deep learning, computation models, and LLMs, we can begin to explore how we can get the most out of these tools, and it often starts with a prompt.

Generative Ai

image_1.svg

Test Lesson

WEBVTT

1
00:00:00.000 --> 00:00:07.880
If you've been in the world of digital design or development, you've undoubtedly have

2
00:00:07.880 --> 00:00:11.400
come across some reference to taxonomies.

3
00:00:11.400 --> 00:00:17.760
And if you haven't, that's okay, but taxonomies are critical to allowing users to effectively

4
00:00:17.760 --> 00:00:20.480
navigate and find content.

5
00:00:20.480 --> 00:00:22.400
And taxonomies aren't anything new.

6
00:00:22.400 --> 00:00:26.880
I have a few books here that are from the 50s, and even these weren't cutting edge

7
00:00:26.880 --> 00:00:27.880
at the time.

8
00:00:27.880 --> 00:00:31.860
A classic example is a biological classification system.

9
00:00:31.860 --> 00:00:36.720
In biology, organisms are grouped based on shared characteristics.

10
00:00:36.720 --> 00:00:42.620
This starts broadly at kingdoms like animals or plants, and then narrows down to species

11
00:00:42.620 --> 00:00:46.080
like humans, which are Homo sapiens.

12
00:00:46.080 --> 00:00:51.760
This hierarchical structure helps scientists make sense of the vast diversity of life and

13
00:00:51.760 --> 00:00:56.440
understand the relationships between different organisms.

14
00:00:56.440 --> 00:00:59.600
Let's look at maybe a more practical example.

15
00:00:59.600 --> 00:01:01.520
Think about a grocery store.

16
00:01:01.520 --> 00:01:08.480
Here, products are organized into categories like produce, dairy, bakery, and so on.

17
00:01:08.480 --> 00:01:14.200
Within each category, there are subcategories like fresh fruits, fresh vegetables, and dried

18
00:01:14.200 --> 00:01:15.200
fruits.

19
00:01:15.200 --> 00:01:21.080
Apples and oranges would fall under the fresh fruits subcategory of the produce category.

20
00:01:21.080 --> 00:01:25.680
This system helps customers find what they need quickly and efficiently.

21
00:01:25.680 --> 00:01:30.400
Apples and oranges are clearly in the fresh fruits section of the produce aisle.

22
00:01:30.400 --> 00:01:37.440
As developers and designers, we need to create digital spaces that are navigable and intuitive,

23
00:01:37.440 --> 00:01:40.160
and that's where taxonomies come in.

24
00:01:40.160 --> 00:01:46.080
A well-structured taxonomy organizes content in a logical hierarchy, much like our grocery

25
00:01:46.080 --> 00:01:47.480
store example.

26
00:01:47.480 --> 00:01:53.160
It helps users find information quickly and enhances the overall user experience.

27
00:01:53.160 --> 00:01:57.400
A good taxonomy for a digital experience can be invaluable.

28
00:01:57.400 --> 00:02:03.320
It improves usability by grouping related content, enhances SEO by clarifying structure

29
00:02:03.320 --> 00:02:08.680
for things like search engines, and even aids in content management on the back end.

30
00:02:08.680 --> 00:02:14.400
Essentially, it's about creating a map that guides the users to the information that they're

31
00:02:14.400 --> 00:02:17.120
looking for with the least amount of friction.

32
00:02:17.120 --> 00:02:20.080
So what does a good taxonomy look like?

33
00:02:20.080 --> 00:02:26.200
It looks like a hierarchical tree-like structure, but be aware it takes expertise.

34
00:02:26.200 --> 00:02:32.240
While a taxonomy can be used in more simplistic circumstances, a system that is too granular

35
00:02:32.240 --> 00:02:34.220
will be overly complicated.

36
00:02:34.220 --> 00:02:39.760
You want a system that is simple enough to easily navigate, granular enough to make meaningful

37
00:02:39.760 --> 00:02:45.360
distinctions, and flexible enough to accommodate future changes in the items needing to be

38
00:02:45.360 --> 00:02:46.760
classified.

39
00:02:46.760 --> 00:02:50.960
This requires ongoing maintenance of the system.

40
00:02:50.960 --> 00:02:54.800
So how do taxonomies work in ContentStack?

41
00:02:54.800 --> 00:02:59.060
Here we're working with Compass Travel, a site for a travel agency.

42
00:02:59.060 --> 00:03:02.040
To create a new taxonomy, choose Settings.

43
00:03:02.040 --> 00:03:05.120
Down towards the bottom, choose Taxonomy.

44
00:03:05.120 --> 00:03:11.400
You can either import a CSV or JSON file of an existing taxonomy, or create a new one

45
00:03:11.400 --> 00:03:14.480
by clicking the New Taxonomy button.

46
00:03:14.480 --> 00:03:18.320
Create a name of the taxonomy and enter a description if you'd like.

47
00:03:18.320 --> 00:03:25.040
I'll name mine Region as it will represent all the regions travelers may want to visit.

48
00:03:25.040 --> 00:03:27.960
Start adding terms by clicking the New Term button.

49
00:03:27.960 --> 00:03:32.800
I'll enter EMEA to represent Europe, the Middle East, and Africa.

50
00:03:32.800 --> 00:03:37.700
I'll add a child term under EMEA by clicking the Add Child Term button.

51
00:03:37.700 --> 00:03:44.220
The term name will be Africa, and I'll continue adding terms for Europe and the Middle East.

52
00:03:44.220 --> 00:03:50.580
Next, I'll add a child term under Africa by clicking the Same Add Term button.

53
00:03:50.580 --> 00:03:53.860
I'll add South Africa.

54
00:03:53.860 --> 00:03:59.500
Notice you can click the information icon in the top right to get details about that

55
00:03:59.500 --> 00:04:05.860
term, including when it was created, modified, and any entries where it was referenced.

56
00:04:06.020 --> 00:04:10.700
Next, we want to associate this taxonomy to a content type.

57
00:04:10.700 --> 00:04:15.940
To do that, we'll navigate to the content models so we can choose the content type.

58
00:04:15.940 --> 00:04:18.500
In this case, I'll select Article.

59
00:04:18.500 --> 00:04:22.840
In the Content Type Builder, scroll to the location where you'd like the taxonomy to

60
00:04:22.840 --> 00:04:26.980
appear and click the plus sign to add a new element.

61
00:04:26.980 --> 00:04:28.640
Choose Taxonomy.

62
00:04:28.640 --> 00:04:30.860
Then click Add Taxonomy.

63
00:04:30.860 --> 00:04:36.960
In the menu, choose your taxonomy, in this case, its region, and then click Apply.

64
00:04:36.960 --> 00:04:42.060
If you want to apply another taxonomy, click the Add Taxonomy button again.

65
00:04:42.060 --> 00:04:44.140
Why would you want more than one taxonomy?

66
00:04:44.140 --> 00:04:49.180
Well, in this example, we have a taxonomy of regions, which contains all the different

67
00:04:49.180 --> 00:04:51.300
regions in the world.

68
00:04:51.300 --> 00:04:56.340
You may want another taxonomy to classify all the different tourist attractions, like

69
00:04:56.340 --> 00:05:01.620
museums, monuments, restaurants, and other local attractions.

70
00:05:01.620 --> 00:05:04.820
When you're finished, click Save and Close.

71
00:05:04.820 --> 00:05:08.300
Let's navigate to the entries to add a new one.

72
00:05:08.300 --> 00:05:13.500
Click the New Entry button and choose the content type you added the taxonomy to, which

73
00:05:13.500 --> 00:05:15.340
in this case is Article.

74
00:05:15.340 --> 00:05:20.540
Obviously, you'd spend time to complete this entry, but importantly, scroll to the

75
00:05:20.540 --> 00:05:26.540
location where you added the taxonomy, and sure enough, you can open your taxonomy to

76
00:05:26.540 --> 00:05:28.980
select a term.

77
00:05:28.980 --> 00:05:34.220
To see taxonomy on the front end, I'm going to use Live Preview for this article about

78
00:05:34.220 --> 00:05:35.220
Buenos Aires.

79
00:05:35.220 --> 00:05:38.700
First, I'll scroll down to the Taxonomies section.

80
00:05:38.700 --> 00:05:44.580
Here, you'll notice I'm using terms from the two taxonomies that I created, the region

81
00:05:44.580 --> 00:05:50.100
taxonomy that we created together and a topics taxonomy I created on my own.

82
00:05:50.340 --> 00:05:55.540
Now, I'll click the Live Preview button, and once it loads, I can scroll down the article

83
00:05:55.540 --> 00:05:59.060
to see the terms associated with the article.

84
00:05:59.060 --> 00:06:04.420
If I decide to add the term Must See Spots from the topics taxonomy, you'll see the

85
00:06:04.420 --> 00:06:07.420
page automatically update.

86
00:06:07.420 --> 00:06:12.880
To sum up, whether it's classifying life forms, organizing grocery aisles, or structuring

87
00:06:12.880 --> 00:06:19.900
content on a website, taxonomies help us make sense of complex sets of information.

88
00:06:19.900 --> 00:06:25.580
As web designers and developers, it's crucial to understand how to work with taxonomies

89
00:06:25.580 --> 00:06:31.340
to create easy-to-use, efficient, and effective web experiences.

90
00:06:31.340 --> 00:06:38.220
Remember, taxonomies are the backbone of any organized system, digital or otherwise.



If you've been in the world of digital design or development, you've undoubtedly have come across some reference to taxonomies. And if you haven't, that's okay, but taxonomies are critical to allowing users to effectively navigate and find content. And taxonomies aren't anything new. I have a few books here that are from the 50s, and even these weren't cutting edge at the time. A classic example is a biological classification system. In biology, organisms are grouped based on shared characteristics. This starts broadly at kingdoms like animals or plants, and then narrows down to species like humans, which are Homo sapiens. This hierarchical structure helps scientists make sense of the vast diversity of life and understand the relationships between different organisms. Let's look at maybe a more practical example. Think about a grocery store. Here, products are organized into categories like produce, dairy, bakery, and so on. Within each category, there are subcategories like fresh fruits, fresh vegetables, and dried fruits. Apples and oranges would fall under the fresh fruits subcategory of the produce category. This system helps customers find what they need quickly and efficiently. Apples and oranges are clearly in the fresh fruits section of the produce aisle. As developers and designers, we need to create digital spaces that are navigable and intuitive, and that's where taxonomies come in. A well-structured taxonomy organizes content in a logical hierarchy, much like our grocery store example. It helps users find information quickly and enhances the overall user experience. A good taxonomy for a digital experience can be invaluable. It improves usability by grouping related content, enhances SEO by clarifying structure for things like search engines, and even aids in content management on the back end. Essentially, it's about creating a map that guides the users to the information that they're looking for with the least amount of friction. So what does a good taxonomy look like? It looks like a hierarchical tree-like structure, but be aware it takes expertise. While a taxonomy can be used in more simplistic circumstances, a system that is too granular will be overly complicated. You want a system that is simple enough to easily navigate, granular enough to make meaningful distinctions, and flexible enough to accommodate future changes in the items needing to be classified. This requires ongoing maintenance of the system. So how do taxonomies work in ContentStack? Here we're working with Compass Travel, a site for a travel agency. To create a new taxonomy, choose Settings. Down towards the bottom, choose Taxonomy. You can either import a CSV or JSON file of an existing taxonomy, or create a new one by clicking the New Taxonomy button. Create a name of the taxonomy and enter a description if you'd like. I'll name mine Region as it will represent all the regions travelers may want to visit. Start adding terms by clicking the New Term button. I'll enter EMEA to represent Europe, the Middle East, and Africa. I'll add a child term under EMEA by clicking the Add Child Term button. The term name will be Africa, and I'll continue adding terms for Europe and the Middle East. Next, I'll add a child term under Africa by clicking the Same Add Term button. I'll add South Africa. Notice you can click the information icon in the top right to get details about that term, including when it was created, modified, and any entries where it was referenced. Next, we want to associate this taxonomy to a content type. To do that, we'll navigate to the content models so we can choose the content type. In this case, I'll select Article. In the Content Type Builder, scroll to the location where you'd like the taxonomy to appear and click the plus sign to add a new element. Choose Taxonomy. Then click Add Taxonomy. In the menu, choose your taxonomy, in this case, its region, and then click Apply. If you want to apply another taxonomy, click the Add Taxonomy button again. Why would you want more than one taxonomy? Well, in this example, we have a taxonomy of regions, which contains all the different regions in the world. You may want another taxonomy to classify all the different tourist attractions, like museums, monuments, restaurants, and other local attractions. When you're finished, click Save and Close. Let's navigate to the entries to add a new one. Click the New Entry button and choose the content type you added the taxonomy to, which in this case is Article. Obviously, you'd spend time to complete this entry, but importantly, scroll to the location where you added the taxonomy, and sure enough, you can open your taxonomy to select a term. To see taxonomy on the front end, I'm going to use Live Preview for this article about Buenos Aires. First, I'll scroll down to the Taxonomies section. Here, you'll notice I'm using terms from the two taxonomies that I created, the region taxonomy that we created together and a topics taxonomy I created on my own. Now, I'll click the Live Preview button, and once it loads, I can scroll down the article to see the terms associated with the article. If I decide to add the term Must See Spots from the topics taxonomy, you'll see the page automatically update. To sum up, whether it's classifying life forms, organizing grocery aisles, or structuring content on a website, taxonomies help us make sense of complex sets of information. As web designers and developers, it's crucial to understand how to work with taxonomies to create easy-to-use, efficient, and effective web experiences. Remember, taxonomies are the backbone of any organized system, digital or otherwise.

Understanding Taxonomy

Copy of Test Lesson

WEBVTT

1
00:00:00.000 --> 00:00:09.420
AI Assistant can simplify and improve the creation of your content by integrating popular

2
00:00:09.420 --> 00:00:14.480
large language models directly within the Content Stack platform.

3
00:00:14.480 --> 00:00:19.480
This means you don't have to juggle between our platform and separate applications to

4
00:00:19.480 --> 00:00:23.200
leverage advanced AI writing capabilities.

5
00:00:23.200 --> 00:00:28.180
It's like having a clever coworker at your disposal eager to help you elevate your writing

6
00:00:28.180 --> 00:00:30.780
efficiency and quality.

7
00:00:30.780 --> 00:00:37.040
This seamless integration ensures your website has compelling content and conveys your message

8
00:00:37.040 --> 00:00:43.780
distinctly to your audience, all the while keeping your workflow streamlined and efficient.

9
00:00:43.780 --> 00:00:48.440
To get started, we need to install AI Assistant through Marketplace.

10
00:00:48.440 --> 00:00:53.480
To do this, make sure you're at the Organization level within Content Stack.

11
00:00:53.480 --> 00:00:58.960
If you're not sure, just click the Content Stack icon in the top left-hand corner.

12
00:00:58.960 --> 00:01:04.800
Then, once you're at the Organization level, on the left-hand side, you'll notice there's

13
00:01:04.800 --> 00:01:07.280
a Marketplace icon.

14
00:01:07.280 --> 00:01:10.560
Once you click that, Marketplace will load.

15
00:01:10.560 --> 00:01:16.000
And you'll notice there's a Collections section, and here you can choose Apps.

16
00:01:16.000 --> 00:01:21.960
Once you select Apps, apps on the right-hand side will load in tiles, and AI Assistant

17
00:01:21.960 --> 00:01:28.040
should appear in the top row, but if it doesn't, feel free to perform a search with the Search

18
00:01:28.040 --> 00:01:29.640
text field.

19
00:01:29.640 --> 00:01:34.620
When you hover over AI Assistant, you'll notice you get an Install button.

20
00:01:34.620 --> 00:01:38.140
Go ahead and click it to start the installation process.

21
00:01:38.140 --> 00:01:42.440
The first thing that you have to do is you have to select the stack in which you want

22
00:01:42.440 --> 00:01:44.880
to install AI Assistant.

23
00:01:44.880 --> 00:01:47.980
In this case, I want to choose Compass Starter.

24
00:01:47.980 --> 00:01:53.900
I'll go ahead and accept the terms and conditions, and then I'll click Install.

25
00:01:53.900 --> 00:01:58.140
Once you click Install, the Configuration screen will load.

26
00:01:58.140 --> 00:02:01.560
You have two options for the platform configuration.

27
00:02:01.560 --> 00:02:07.680
You can choose Managed by Content Stack, or if you want to use your own credentials to

28
00:02:07.680 --> 00:02:13.580
use your own provider, you can select Custom Credentials and provide that information,

29
00:02:13.580 --> 00:02:18.620
like your API key, what provider you're using, and the API model.

30
00:02:18.620 --> 00:02:22.420
For this example, we're going to choose Managed by Content Stack.

31
00:02:22.420 --> 00:02:29.480
A quick sidebar, when using the Content Stack-powered API key, it's important to know that we maintain

32
00:02:29.480 --> 00:02:36.860
strict privacy standards that follow GDPR guidelines, so you can use AI Assistant with

33
00:02:36.860 --> 00:02:38.580
peace of mind.

34
00:02:38.580 --> 00:02:42.220
Now let's go ahead and click Save and Proceed.

35
00:02:42.220 --> 00:02:45.500
This will bring us to the Advanced Configuration section.

36
00:02:45.500 --> 00:02:50.020
For our purposes in this video, we don't need to configure anything further, so we'll

37
00:02:50.020 --> 00:02:52.040
just click Next.

38
00:02:52.040 --> 00:02:57.800
When you do that, you should get confirmation that the configuration was successful.

39
00:02:57.800 --> 00:03:03.460
Now all you have to do is move down to the bottom right and click the Save button.

40
00:03:03.460 --> 00:03:10.700
Now the configuration has been updated and AI Assistant has been installed on your stack.

41
00:03:10.700 --> 00:03:17.500
To confirm that, click Open Stack, which will in fact open the stack that you installed

42
00:03:17.500 --> 00:03:19.820
AI Assistant to.

43
00:03:19.820 --> 00:03:23.700
So now what we want to do is move over to the Entries section.

44
00:03:23.700 --> 00:03:27.460
On the left-hand side, you can click the Entries button.

45
00:03:27.460 --> 00:03:35.120
Now I have an article that I've been working with called Top Travel Destinations for 2024.

46
00:03:35.120 --> 00:03:40.380
If I select that to enter the article, I have a couple different options here in terms of

47
00:03:40.380 --> 00:03:44.960
how I can use AI Assistant to improve this article.

48
00:03:44.960 --> 00:03:47.700
First of all, I may want to update the title.

49
00:03:47.700 --> 00:03:50.580
I may want to update it for SEO.

50
00:03:50.580 --> 00:03:55.260
As you hover over the title section, you'll notice there's an AI Assistant icon.

51
00:03:55.260 --> 00:04:01.260
Go ahead and click it, and when you do, AI Assistant will load on the right-hand side.

52
00:04:01.260 --> 00:04:05.220
The section we want to take a look at here is the Replace Field Content, and you'll notice

53
00:04:05.220 --> 00:04:07.300
we have a couple different commands.

54
00:04:07.300 --> 00:04:11.340
The command I want to look at is Optimize Text for SEO.

55
00:04:11.340 --> 00:04:18.580
When you click that, AI Assistant will generate content that is now a more optimized version

56
00:04:18.580 --> 00:04:20.420
of the title.

57
00:04:20.420 --> 00:04:21.420
You have a couple options.

58
00:04:21.420 --> 00:04:24.460
You can try again if you don't like the results.

59
00:04:24.460 --> 00:04:27.660
You can cancel out of it, or you can accept it.

60
00:04:27.660 --> 00:04:31.100
For our purposes, I'm going to go ahead and click Accept.

61
00:04:31.100 --> 00:04:37.100
So that's how you can modify existing content using AI Assistant, but you can also generate

62
00:04:37.100 --> 00:04:40.260
new content using AI Assistant.

63
00:04:40.260 --> 00:04:44.580
If I scroll down, you'll notice that there's a summary, which is empty.

64
00:04:44.580 --> 00:04:50.260
If I want to create a summary, I can do that, but specifically, I want to create a summary

65
00:04:50.260 --> 00:04:54.020
based upon the content I have in this text field.

66
00:04:54.020 --> 00:04:59.720
So again, in the Summary section, as I hover over it, I see the AI Assistant icon.

67
00:04:59.720 --> 00:05:04.540
I can go ahead and click it, and in this case, what I want to do is scroll down towards the

68
00:05:04.540 --> 00:05:10.020
bottom, and what I want to select in this area where we're going to generate based upon

69
00:05:10.020 --> 00:05:12.700
another field is a summary.

70
00:05:12.700 --> 00:05:18.880
So I'll click Summary, and then that panel expands to show me the different fields that

71
00:05:18.880 --> 00:05:24.280
I can use as the source for this summary.

72
00:05:24.280 --> 00:05:30.200
And in this case, you'll notice I have a Content text field, so I'm going to select Content.

73
00:05:30.200 --> 00:05:34.380
When I do, AI Assistant will generate the content.

74
00:05:34.380 --> 00:05:40.400
You can either accept it, you can try again to have AI Assistant regenerate it, and once

75
00:05:40.400 --> 00:05:44.120
you're happy with the results, you can click Accept.

76
00:05:44.120 --> 00:05:50.120
Finally, if we scroll down further, you'll notice that there's a section for some tags.

77
00:05:50.120 --> 00:05:55.380
I'll go ahead and hover over the Tags section to see the AI Assistant icon.

78
00:05:55.380 --> 00:06:03.120
When I click it, again, what I want to do is generate content, in this case, SEO tags.

79
00:06:03.120 --> 00:06:07.020
I want to generate it based upon that same Content text field.

80
00:06:07.020 --> 00:06:12.700
So when I select that option, AI Assistant will generate tags based upon the contents

81
00:06:12.700 --> 00:06:14.820
found within that text field.

82
00:06:14.820 --> 00:06:17.900
Again, I'll go ahead and click Accept.

83
00:06:17.900 --> 00:06:22.500
So you'll notice that there's a lot of capability within this AI Assistant menu.

84
00:06:22.620 --> 00:06:29.180
Again, if I scroll up towards the top, if I click the AI Assistant button for Summary,

85
00:06:29.180 --> 00:06:35.200
I can change this text further by optimizing it for SEO, which we looked at earlier.

86
00:06:35.200 --> 00:06:40.980
We can change the tone to be more persuasive, straightforward, friendly, or professional.

87
00:06:40.980 --> 00:06:44.620
We can also change the length to make it longer or shorter.

88
00:06:44.620 --> 00:06:49.580
And in this case, you also have the option to translate to the current locale language.

89
00:06:49.580 --> 00:06:55.220
Remember, AI Assistant doesn't just work for creating new content, but you can also

90
00:06:55.220 --> 00:06:58.540
modify existing content the same way.

91
00:06:58.540 --> 00:07:04.500
Also know, once you install AI Assistant, it becomes available throughout the entire stack.

92
00:07:04.500 --> 00:07:11.060
AI Assistant in Content Stack is a powerful tool that enhances your creation process.

93
00:07:11.060 --> 00:07:17.500
The world of content creation is ever-evolving, and AI and other technologies are optimizing

94
00:07:17.500 --> 00:07:19.700
the editing experience.

95
00:07:19.700 --> 00:07:24.880
Tools like AI Assistant allow you to stay at the forefront, captivating your audience

96
00:07:24.880 --> 00:07:26.220
with every word.

97
00:07:26.220 --> 00:07:32.540
So go ahead, explore all the possibilities, and let AI Assistant transform the way you

98
00:07:32.540 --> 00:07:36.140
work and create content in Content Stack.



AI Assistant can simplify and improve the creation of your content by integrating popular large language models directly within the Content Stack platform. This means you don't have to juggle between our platform and separate applications to leverage advanced AI writing capabilities. It's like having a clever coworker at your disposal eager to help you elevate your writing efficiency and quality. This seamless integration ensures your website has compelling content and conveys your message distinctly to your audience, all the while keeping your workflow streamlined and efficient. To get started, we need to install AI Assistant through Marketplace. To do this, make sure you're at the Organization level within Content Stack. If you're not sure, just click the Content Stack icon in the top left-hand corner. Then, once you're at the Organization level, on the left-hand side, you'll notice there's a Marketplace icon. Once you click that, Marketplace will load. And you'll notice there's a Collections section, and here you can choose Apps. Once you select Apps, apps on the right-hand side will load in tiles, and AI Assistant should appear in the top row, but if it doesn't, feel free to perform a search with the Search text field. When you hover over AI Assistant, you'll notice you get an Install button. Go ahead and click it to start the installation process. The first thing that you have to do is you have to select the stack in which you want to install AI Assistant. In this case, I want to choose Compass Starter. I'll go ahead and accept the terms and conditions, and then I'll click Install. Once you click Install, the Configuration screen will load. You have two options for the platform configuration. You can choose Managed by Content Stack, or if you want to use your own credentials to use your own provider, you can select Custom Credentials and provide that information, like your API key, what provider you're using, and the API model. For this example, we're going to choose Managed by Content Stack. A quick sidebar, when using the Content Stack-powered API key, it's important to know that we maintain strict privacy standards that follow GDPR guidelines, so you can use AI Assistant with peace of mind. Now let's go ahead and click Save and Proceed. This will bring us to the Advanced Configuration section. For our purposes in this video, we don't need to configure anything further, so we'll just click Next. When you do that, you should get confirmation that the configuration was successful. Now all you have to do is move down to the bottom right and click the Save button. Now the configuration has been updated and AI Assistant has been installed on your stack. To confirm that, click Open Stack, which will in fact open the stack that you installed AI Assistant to. So now what we want to do is move over to the Entries section. On the left-hand side, you can click the Entries button. Now I have an article that I've been working with called Top Travel Destinations for 2024. If I select that to enter the article, I have a couple different options here in terms of how I can use AI Assistant to improve this article. First of all, I may want to update the title. I may want to update it for SEO. As you hover over the title section, you'll notice there's an AI Assistant icon. Go ahead and click it, and when you do, AI Assistant will load on the right-hand side. The section we want to take a look at here is the Replace Field Content, and you'll notice we have a couple different commands. The command I want to look at is Optimize Text for SEO. When you click that, AI Assistant will generate content that is now a more optimized version of the title. You have a couple options. You can try again if you don't like the results. You can cancel out of it, or you can accept it. For our purposes, I'm going to go ahead and click Accept. So that's how you can modify existing content using AI Assistant, but you can also generate new content using AI Assistant. If I scroll down, you'll notice that there's a summary, which is empty. If I want to create a summary, I can do that, but specifically, I want to create a summary based upon the content I have in this text field. So again, in the Summary section, as I hover over it, I see the AI Assistant icon. I can go ahead and click it, and in this case, what I want to do is scroll down towards the bottom, and what I want to select in this area where we're going to generate based upon another field is a summary. So I'll click Summary, and then that panel expands to show me the different fields that I can use as the source for this summary. And in this case, you'll notice I have a Content text field, so I'm going to select Content. When I do, AI Assistant will generate the content. You can either accept it, you can try again to have AI Assistant regenerate it, and once you're happy with the results, you can click Accept. Finally, if we scroll down further, you'll notice that there's a section for some tags. I'll go ahead and hover over the Tags section to see the AI Assistant icon. When I click it, again, what I want to do is generate content, in this case, SEO tags. I want to generate it based upon that same Content text field. So when I select that option, AI Assistant will generate tags based upon the contents found within that text field. Again, I'll go ahead and click Accept. So you'll notice that there's a lot of capability within this AI Assistant menu. Again, if I scroll up towards the top, if I click the AI Assistant button for Summary, I can change this text further by optimizing it for SEO, which we looked at earlier. We can change the tone to be more persuasive, straightforward, friendly, or professional. We can also change the length to make it longer or shorter. And in this case, you also have the option to translate to the current locale language. Remember, AI Assistant doesn't just work for creating new content, but you can also modify existing content the same way. Also know, once you install AI Assistant, it becomes available throughout the entire stack. AI Assistant in Content Stack is a powerful tool that enhances your creation process. The world of content creation is ever-evolving, and AI and other technologies are optimizing the editing experience. Tools like AI Assistant allow you to stay at the forefront, captivating your audience with every word. So go ahead, explore all the possibilities, and let AI Assistant transform the way you work and create content in Content Stack.

Ai-assistant(rough-cut)

This course is intended to outline the Contentstack features and techniques for using the Taxonomy features with&nbsp;your content, understand the APIs, and how to leverage Taxonomy within your implementation.&nbsp; Completion of this course earns a 'badge' for this topic.!Required for this course:<ol><li>Account in Contentstack with access to a Stack as an Administrator or Developer. Create a training Stack&nbsp;<a href="https://www.contentstack.com/academy/training-instance" target="_blank">here</a>. Training stacks are available for 90 days. Alternatively, you can bootstrap a&nbsp;<a href="https://www.contentstack.com/docs/developers/cli/bootstrap-starter-apps">Starter App via the CLI</a>&nbsp;or from the&nbsp;<a href="https://app.contentstack.com/#!/marketplace/starters">Marketplace</a>.&nbsp;</li><li>Permissions to create a new Taxonomy and edit Content Types in a Stack.&nbsp;</li></ol>

Test Lesson

Next Up

Copy of Test Lesson