v1.0.0

First release of make-it-learnable, an agent skill that turns a doc, repo, function, paper, spec, URL or topic into one self-contained interactive HTML lesson.

What's in it

• Spec only, no prescribed look. The skill describes what to build — a YAML blueprint plus behaviour contracts for every component and check — and leaves the design to the agent. Colour is defined by meaning (right, wrong, actionable, under discussion…), never by value.
• Big pictures, few words. Every section opens with a large drawing (Picture, Panels, Story or Analogy); edge-to-edge drawings; anything that travels is drawn once and moves with pose.
• assets/lesson-core.js — logic only: a safe expression evaluator for WhatIf (no eval, trig included), the scoring engine and guard to isolate each component.
• assets/skeletons/ — unstyled layout mechanics for the parts models get wrong (edge-to-edge blocks, pinned story stage, classify), plus a layout self-check that warns in the console.
• references/strings.yaml — every UI string by key, English and Spanish.

Tested with Claude (Opus, Sonnet, Haiku) and, through opencode, with Muse Spark, DeepSeek V4 Pro, MiniMax M3, GLM 5.3 and Kimi K3 — results and token usage in the README.

Install

Download make-it-learnable.zip and unzip it into your skills folder (e.g. ~/.claude/skills/).