---
title: "Open Learning Studio Docs"
description: "Build interactive courses for Moodle in your browser. Free, without tracking, with SCORM export and AI course building over MCP."
canonical_url: "https://docs.ols.yonn.online/en"
---
# Open Learning Studio Docs

> Build interactive courses for Moodle in your browser. Free, without tracking, with SCORM export and AI course building over MCP.

<u-page-hero :ui="{"container":"pt-14 pb-6 sm:pt-20 sm:pb-8 lg:pt-28 lg:pb-12","title":"text-balance"}" orientation="horizontal">
<template v-slot:title="">

Build your course <span className="text-primary">

step by step

</span>

.

</template>

<template v-slot:description="">

This guide shows you how to build slides, add triggers and quizzes, and publish a SCORM package that Moodle plays and grades. Open Learning Studio is free, runs in your browser and keeps your courses on your device.

</template>

<template v-slot:links="">
<u-button size="xl" to="https://docs.ols.yonn.online/en/start/welcome" trailing-icon="i-lucide-arrow-right">

Get started

</u-button>

<u-button size="xl" to="#topics" trailing-icon="i-lucide-arrow-down" color="neutral" variant="ghost">

See all topics

</u-button>
</template>

<studio-mock active="Insert" buttons="Text box|i-lucide-type, Shapes|i-lucide-shapes, Image|i-lucide-image, Button|i-lucide-mouse-pointer-click, Question|i-lucide-circle-help" caption="The editor: slides on the left, the stage in the middle, properties and triggers on the right." highlight="Question" panel-active="Triggers" title="Fire safety basics">

**Where is the nearest exit?**

Pick the right door before the timer runs out.

</studio-mock>
</u-page-hero>

<u-page-section :ui="{"features":"lg:grid-cols-4"}" :features="[{"title":"Create a course","description":"Start a new course in the course list and give it a name.","icon":"i-lucide-file-plus","to":"/en/start/first-course"},{"title":"Fill your slides","description":"Place text, shapes, images and buttons freely on the stage.","icon":"i-lucide-shapes","to":"/en/build/objects"},{"title":"Make it interactive","description":"A trigger or a question turns a slide into something learners do.","icon":"i-lucide-zap","to":"/en/interact/triggers-and-variables"},{"title":"Publish for Moodle","description":"Export a SCORM package and add it to your Moodle course.","icon":"i-lucide-package","to":"/en/ship/scorm-and-moodle"}]" :links="[{"label":"Follow the walkthrough","to":"/en/start/first-course","color":"neutral","variant":"outline","trailing-icon":"i-lucide-arrow-right"}]">
<template v-slot:title="">

Your first course in four steps

</template>

<template v-slot:description="">

From an empty project to a package that runs in Moodle.

</template>
</u-page-section>

<u-page-section id="topics">
<template v-slot:title="">

Everything the guide covers

</template>

<template v-slot:description="">

Each page explains what an option does, when you need it and what your learners see.

</template>

<template v-slot:body="">
<u-page-grid>
<u-page-card description="Organize your course in scenes, add slides and pick layouts." icon="i-lucide-gallery-horizontal-end" title="Slides and scenes" to="https://docs.ols.yonn.online/en/build/slides-and-scenes">



</u-page-card>

<u-page-card description="Text boxes, shapes, images, buttons and input fields on the stage." icon="i-lucide-shapes" title="Objects" to="https://docs.ols.yonn.online/en/build/objects">



</u-page-card>

<u-page-card description="Pop-ups and feedback that sit on top of a slide." icon="i-lucide-layers" title="Layers" to="https://docs.ols.yonn.online/en/build/layers">



</u-page-card>

<u-page-card description="When objects appear, how they move and how long a slide runs." icon="i-lucide-film" title="Timeline and animation" to="https://docs.ols.yonn.online/en/build/timeline-and-animation">



</u-page-card>

<u-page-card description="Colors and fonts for the whole course in one place." icon="i-lucide-palette" title="Design and theme" to="https://docs.ols.yonn.online/en/build/design-and-theme">



</u-page-card>

<u-page-card description="React to clicks, time and answers, and remember what learners did." icon="i-lucide-zap" title="Triggers and variables" to="https://docs.ols.yonn.online/en/interact/triggers-and-variables">



</u-page-card>

<u-page-card description="Graded questions, surveys, question banks and results slides." icon="i-lucide-circle-help" title="Questions and results" to="https://docs.ols.yonn.online/en/interact/questions-and-results">



</u-page-card>

<u-page-card description="Choose the SCORM version, upload the package and see scores arrive." icon="i-lucide-graduation-cap" title="SCORM and Moodle" to="https://docs.ols.yonn.online/en/ship/scorm-and-moodle">



</u-page-card>

<u-page-card description="Let Claude, ChatGPT or another AI app build courses with the same tools as the editor." icon="i-lucide-sparkles" title="Work with AI" to="https://docs.ols.yonn.online/en/ai/three-ways">



</u-page-card>
</u-page-grid>
</template>
</u-page-section>

<u-page-section :ui="{"root":"bg-muted border-y border-default"}" :features="[{"title":"Free, no account","description":"No license fees, no sign-up. Open the Studio and start building.","icon":"i-lucide-badge-check"},{"title":"Your data stays with you","description":"Courses live in your browser. Learning records go only to your LMS, for example Moodle. The Studio has no telemetry and makes no external requests.","icon":"i-lucide-shield-check"},{"title":"Professional depth","description":"Layers, states, timeline, motion paths, more than 30 trigger actions and 23 question types, as in professional authoring tools.","icon":"i-lucide-sliders-horizontal"}]">
<template v-slot:title="">

Why Open Learning Studio

</template>

<template v-slot:description="">

Everything you need for interactive courses, without fees and without tracking.

</template>
</u-page-section>

<u-page-section :ui="{"features":"sm:grid-cols-2 lg:grid-cols-2 max-w-4xl mx-auto w-full"}" :features="[{"title":"Which SCORM version should I use for Moodle?","description":"SCORM 1.2 is the recommended choice for Moodle.","icon":"i-lucide-circle-help","to":"/en/ship/scorm-and-moodle"},{"title":"Where are my courses stored?","description":"In this browser on your device. Save a backup file now and then.","icon":"i-lucide-circle-help","to":"/en/ship/versions-and-backup"},{"title":"Can I bring in existing material?","description":"Import slides from presentations and questions from quiz files.","icon":"i-lucide-circle-help","to":"/en/ship/imports"},{"title":"Something does not work?","description":"Fixes for storage, Moodle, media, imports and the AI connection.","icon":"i-lucide-circle-help","to":"/en/reference/troubleshooting"}]" :links="[{"label":"Open troubleshooting","to":"/en/reference/troubleshooting","color":"neutral","variant":"outline","trailing-icon":"i-lucide-arrow-right"}]">
<template v-slot:title="">

Common questions

</template>

<template v-slot:description="">

Short answers to what course authors ask most, with a link to the full explanation.

</template>
</u-page-section>

<u-page-section :ui="{"container":"py-16 sm:py-24 lg:py-28","title":"text-balance"}">
<template v-slot:title="">

Ready for your <span className="text-primary">

first course

</span>

?

</template>

<template v-slot:description="">

The walkthrough takes you from an empty project to a package in Moodle.

</template>

<template v-slot:links="">
<u-button size="xl" to="https://docs.ols.yonn.online/en/start/first-course" trailing-icon="i-lucide-arrow-right">

Build your first course

</u-button>

<u-button size="xl" to="https://docs.ols.yonn.online/en/reference/keyboard-shortcuts" color="neutral" variant="ghost" icon="i-lucide-keyboard">

Keyboard shortcuts

</u-button>
</template>
</u-page-section>

## Resources for Agents

- [API catalog: every service document this site publishes](https://docs.ols.yonn.online/.well-known/api-catalog)
- [Sitemap (XML)](https://docs.ols.yonn.online/sitemap.xml)
- [Sitemap (Markdown): every page on the site](https://docs.ols.yonn.online/sitemap.md)
- [MCP server card: MCP endpoint at https://docs.ols.yonn.online/mcp](https://docs.ols.yonn.online/.well-known/mcp/server-card.json)
- [MCP endpoint (streamable HTTP)](https://docs.ols.yonn.online/mcp)
- [llms.txt: index of the documentation for LLMs](https://docs.ols.yonn.online/llms.txt)
- [llms-full.txt: the full documentation as a single file](https://docs.ols.yonn.online/llms-full.txt)
- [OpenAPI document: every route this site serves to agents](https://docs.ols.yonn.online/openapi.json)


## Sitemap

See the full [sitemap](https://docs.ols.yonn.online/sitemap.md) for all pages.