Learnscape skill
A Claude Code skill that builds an isometric explainer: a vehicle travels the map and each stop runs one real simulation step.
- 142 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The skill creates local static pages and calls no outside services.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/learnscapeDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill creates local static pages and calls no outside services.
This is third-party code. Review the repository files before installing.
What it does
Learnscape, the `isometric-explainer` skill, builds a teaching page about a complex system as a trip through an isometric city. A vehicle carries real state and runs one real simulation step at each stop. It waits as long as the stop text takes to read and speeds up once there is nothing new. The result is one static site in HTML, canvas 2D and plain JavaScript with no build and no dependencies. The skill leads an agent through seven phases in `build-order.md` and requires a fidelity ledger: which numbers are computed, scaled, assumed or faked. A complete working sample, PacketPost about the cost of a web request, and a `smoke.mjs` check come with it.
Who it is for. Authors of technical explanations, teachers and developers who need an interactive page about a mechanism instead of a static diagram.
Good fit when
- A consensus algorithm must be shown so the reader follows state step by step.
- A system design is explained to beginners through a request traveling across nodes.
- You need a plain note on which numbers are real and which are illustrative.
- The page must work with no build and open as an `index.html` file.
Not a fit when
- You need an ordinary article or a static diagram.
- The system cannot be modeled with a simple simulation.
- You need 3D scenes and ready graphics engines.
Example request
Build an isometric explorable explainer of one Raft consensus round with an honest fidelity ledger for the numbers.Limitations
Plugin installation was validated only through manifests with `claude plugin validate --strict`, and an end-to-end plugin install was not tested. The verified route is copying the skill folder into the skills directory. The check script needs Playwright and Chromium, and without them you open the page straight from the file. Quality depends on an honest simulation: rule one requires the model to run and be testable without the renderer. The license is MIT.
How to disable. Delete the `~/.claude/skills/isometric-explainer` folder or run `/plugin uninstall learnscape`. Pages you built stay in your projects.
FAQ
How do I install it?
Clone the repository and run `cp -r learnscape/skills/isometric-explainer ~/.claude/skills/`. For one project copy into `.claude/skills/`.
How do I invoke it?
Ask for an isometric explainer of a system or call `/isometric-explainer`. Claude also loads the skill on a matching request.
What is the fidelity ledger?
A list that places each number as computed, scaled down, assumed or deliberately faked. Without it a page only looks convincing.
Where does the idea come from?
The technique comes from TokenTown (a transformer as a city) and EngineWorks (an F1 power unit as a factory). All repository code, copy and art are original.
What does the sample include?
PacketPost: eight stations, a real latency model with TCP slow start and window doubling, and a branch for a CDN cache hit.
Discussion
No questions or reviews yet.
Related
SkillsA Claude Code skill that draws interactive isometric biology figures from a description: toggled mechanisms, sourced numbers
Knowledge Site Creator, скилл Claude Code, собирает учебный сайт с карточками и тестами по одной теме и выкладывает на Vercel.
Skill for building study courses: from task and source definition through chapter checks to publishing in Markdown and HTML.
A skills set for Claude Code and Codex: the agent studies demand, builds SEO pages and articles and reviews results
A skill set for Instagram: from finding a viral format and writing a script to the caption, posting calendar and comment replies
cy-carousel turns an AI topic into a cover plus 10 carousel pages, with fact checks, open-licensed assets and layout checks.
README in short
The skill sets five rules, a build order, reading pace and a checklist. The PacketPost sample serves as a working starting point rather than an empty scaffold.