Prompt Engineering Basics

Welcome to my Example!

💡My Idea

This e-learning module focuses on the essential skills of Prompt Engineering. To move beyond standard slides, I utilized Articulate Custom Blocks to create a highly interactive learning environment. Explore a variety of custom-built interactions designed to simulate real-world AI communication, proving that e-learning can be as dynamic as the technology it teaches.

The Ideas were created with Google AI Studio and then ported to a custom gem I created who had all my design choices I wanted to have in my E-Learnings (like max width. 1080px, clean white look etc.) 

 

🗯️ The LLMs i used

I only used Gemini for this all and created the following gems (download below).

Interaction Gem: Specifically for all the interaction you can see in my example to have the same look, feel and functionality. 

Content Gem: For every normal Text, Text + Picture or Audio / Video blocks

EU AI Act & Accessibility: I included all the rules these two have and checked my code for any flaws and if so a change in the code. 

For example all my pictures got a little AI Marker in the corner and I didnt had to include this marker per hand in every picture. 

🤖The Course link

You can find a review here:

Link to the module

 

⛔Problems that occured

Often when i wanted to correct something in my code with the help of AI it changed something elsewhere in the code for whatever reason. 

It really helped to put "DONT CHANGE ANYTHING ELSE" before entering the code to change, so the AI reads this first before it sees the code. 

Accessibility is always a Problem when creating fancy interactions, so it was hard to create workarounds so users can explore everything with keyboard only for example. 

 

I also added my custom Gems for ChatGPT/Gemini translated from german. Please note these are my specific Gems I used for my design wished inside of rise. You may have different aesthetic vision 🙂