Lesson screen

The lesson screen is a small local web server and one browser tab. The tutor keeps teaching in the terminal. At each step it writes one screen into a folder, and the browser shows the newest screen. The learner can press options and click parts. Those clicks go to an event log that the tutor reads before its next reply.

Use this skill with Claude, Cursor, Codex, OpenClaw, Hermes, or any agent that reads SKILL.md. It needs Node.js 20 or later and a browser on the same machine. It installs no packages.

When to use

• A course tutor teaches a lesson, and the learner accepts the screen. The tutors are learn, learn-mcp, learn-agent-skills, learn-reverse-engineering, claude-certification, and mcpa-certification.
• The learner asks to see a lesson, a concept, or a system: "show me", "draw it", "in 3D".
• A concept has a structure, a flow, or a number that changes. Seeing it helps more than reading it.

When not to use

• The learner declined the screen. Do not offer it again this session.
• The learner cannot reach a browser page from the host: a chat app, or a remote machine without port forwarding. Give the lesson page on aiengineeringfromscratch.com. references/hosts.md lists the cases.
• The step is words only: a clarifying question, a tradeoff, or a definition. Keep it in the terminal and show the waiting screen.
• You need a permanent figure for a lesson file. Use the figure skills directly. This skill makes screens for one learner.