Prompt Engineering Learning Deck

An interactive learning experience for practical, responsible prompt engineering through examples, reusable templates, a timed quiz, and certificates.

Comment

Inspiration

Many people use AI without a practical method for writing clear instructions or checking the quality of AI-generated answers. Prompt-engineering material can also feel too technical for beginners. I created this interactive learning deck to make the subject understandable, practical, and immediately usable in workplace and learning situations.

What it does

Prompt Engineering Learning Deck is a browser-based interactive learning experience covering:

  • Prompt-engineering fundamentals
  • Zero-shot, role-based, few-shot, chain-of-thought, and contextual prompting
  • The CREATE framework for structuring prompts
  • Practical workplace use cases and reusable prompt templates
  • Comparisons of different AI tools
  • Bad-versus-good prompt examples
  • Common AI mistakes
  • Fact verification, privacy, bias, domain rules, and human accountability
  • A timed, scenario-based quiz
  • An 80% pass requirement and generated completion certificate

The deck includes keyboard navigation, fullscreen presentation controls, responsive layouts, and a structured progression through 13 learning sections. It runs directly in the browser with no account or test credentials required.

How I built it

I built the project as a self-contained web application using HTML, CSS, and JavaScript and deployed it through Cloudflare Pages. During OpenAI Build Week, I collaborated with Codex powered by GPT-5.6 to:

  • Audit and reorganize the information architecture
  • Implement and refine the responsive single-file interface
  • Strengthen tab, keyboard, and fullscreen presentation navigation
  • Develop and validate the timed quiz and certificate flow
  • Review edge cases, content clarity, and submission compliance
  • Test the deployed experience across the full 13-section journey

Codex accelerated implementation and iterative debugging. I retained responsibility for the learning objectives, product scope, content choices, acceptance criteria, and final review decisions.

Challenges

The main challenge was turning a broad technical subject into a coherent learning journey without overwhelming first-time users. I also needed to make the same application work as a presentation, self-guided learning resource, assessment, and certificate experience across desktop and mobile screens.

Accomplishments that I'm proud of

The result is not simply a slide deck. It is an interactive education application with applied examples, reusable templates, assessment logic, immediate feedback, and certificate generation in one deployable browser experience.

What I learned

I learned that prompt engineering is most useful when taught through realistic decisions rather than definitions alone. Building the quiz also reinforced the importance of evaluating judgment, verification, privacy, and accountability—not only whether users remember terminology.

Build Week evidence

What's next

Future improvements may include learner progress persistence, accessibility enhancements, additional scenario banks, multiple difficulty levels, localization, instructor reporting, and optional subject-specific learning modules.

Built With

Share this project:

Updates