Learn Anything with Lesson Generator Skill

omarsar1 pts0 comments

dair-academy-plugins/plugins/lesson-generator/skills/lesson-generator/SKILL.md at main · dair-ai/dair-academy-plugins · GitHub

//blob/show" data-turbo-transient="true" />

Skip to content

Search or jump to...

Search code, repositories, users, issues, pull requests...

-->

Search

Clear

Search syntax tips

Provide feedback

--><br>We read every piece of feedback, and take your input very seriously.

Include my email address so I can be contacted

Cancel

Submit feedback

Saved searches

Use saved searches to filter your results more quickly

-->

Name

Query

To see all available qualifiers, see our documentation.

Cancel

Create saved search

Sign in

//blob/show;ref_cta:Sign up;ref_loc:header logged out"}"<br>Sign up

Appearance settings

Resetting focus

You signed in with another tab or window. Reload to refresh your session.<br>You signed out in another tab or window. Reload to refresh your session.<br>You switched accounts on another tab or window. Reload to refresh your session.

Dismiss alert

{{ message }}

dair-ai

dair-academy-plugins

Public

Notifications<br>You must be signed in to change notification settings

Fork<br>24

Star<br>200

FilesExpand file tree

main

/SKILL.md

Copy path

Blame<br>More file actions

Blame<br>More file actions

Latest commit

History<br>History<br>History

61 lines (41 loc) · 4.27 KB

main

/SKILL.md

Top

File metadata and controls<br>Preview

Code

Blame

61 lines (41 loc) · 4.27 KB

Raw<br>Copy raw file<br>Download raw file

Edit and raw actions

name<br>lesson-generator

description<br>Build compact, standalone multi-lesson course artifacts with lesson navigation, objectives, flashcards, quizzes, and source links.

Use this skill when the user asks for an interactive lesson, mini-course, study guide, course module, flashcards, quizzes, knowledge checks, or a learning artifact.

Build a standalone multi-lesson course as a self-contained browser artifact. Do not assume any backend, database, or external service.

Default to a 6-8 lesson course for the user's topic unless they explicitly ask for a single lesson. Do not deliver one long lesson page for general requests.

Plan the course before writing UI:

Course title

2-3 sentence description

6-8 ordered lessons

Each lesson's goal, key concepts, learning objectives, knowledge check, flashcards, and source links or source assumptions

Keep generated courses compact enough for the preview to stay responsive:

Concise lesson bodies

2-4 objectives per lesson

2-3 flashcards per lesson

1-2 quiz questions per lesson

No giant embedded essays or oversized JavaScript data blobs

Use a learning-platform-inspired resource pattern:

Course overview

Left lesson sidebar or table of contents

Active lesson reader

Learning objectives block

Source rail or source list

Per-lesson flashcards

Per-lesson quiz or knowledge check

Final review section

Create a complete browser-ready artifact in index.html, styles.css, and script.js. Keep the artifact self-contained with plain HTML/CSS/JS unless a CDN library clearly improves an interactive visualization.

Write artifact files only to the workspace root paths: index.html, styles.css, and script.js. Never write files inside node_modules, plugin folders, skill folders, or hidden directories.

Use these reusable design tokens for a warm, readable learning UI: background #fbf7ef, surface #fffdf8, text #231f1a, muted #766f66, border #e8ded0, primary #2d2924, accent #c2410c, success #15803d, warning #b45309, radius 8px.

Apply solid frontend design: choose a topic-appropriate visual direction, polished typography, purposeful spacing, responsive controls, and refined interactive states instead of generic dashboard styling.

Model the artifact after a clean course flow: course cards/table of contents, numbered lesson list with visible labels like Lesson 1 through Lesson 8, lesson status/progress cues, readable lesson content, practice and review modules, and source cards.

Represent course data as a structured JavaScript array of lesson objects so lesson navigation, flashcards, quizzes, and progress state stay consistent across all lessons.

Keep generated JavaScript parse-safe: prefer JSON-serializable course data, double-quoted UI strings, or template literals for messages. Do not put contractions or apostrophes inside single-quoted JavaScript strings unless they are escaped.

Use stable lesson modules: objectives as short bullets, explanation sections with readable paragraphs, examples before abstractions, flashcards that flip in place, quiz options with immediate feedback, progress indicators, and source cards when source material exists.

Each lesson should include at least one quick knowledge check, and the course should include a cumulative review or final quiz that synthesizes the full topic.

Before finishing, smoke-test the artifact logic: script.js must parse without syntax errors, Start Learning must open lesson 1, lesson sidebar buttons must switch lessons, flashcards must flip, quiz options must show feedback,...

lesson course flashcards source artifact skill

Related Articles