Agent skill

Jsxgraph

by madhvantyagi in madhvantyagi/Gnos

Build and inspect mathematical graphs and coordinate constructions with JSXGraph when a learner needs to connect an equation to a shape, solve graphically, or test a quantitative change.

MITAuto-check passedKnowledge Management

Install Jsxgraph

skills CLI
$ npx skills add madhvantyagi/Gnos --skill jsxgraph -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install madhvantyagi/Gnos jsxgraph --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/madhvantyagi/Gnos.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/jsxgraph .claude/skills/jsxgraph && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
jsxgraph
GitHub stars
336
Token cost
~868 tokens
SKILL.md length
454 words
Files
12 (incl. scripts, references, assets)
Skills in repo
12
Repo updated
First seen
Licence
MIT

At a glance

Build and inspect mathematical graphs and coordinate constructions with JSXGraph when a learner needs to connect an equation to a shape, solve graphically, or test a quantitative change.

  • Tasks that involve Knowledge graphs
  • SKILL.md covers Establish what the graph teaches, Build the artifact and Hand it back to lesson design
  • Runs JavaScript and Python scripts from its folder

What it does

Jsxgraph is an agent skill from madhvantyagi/Gnos. Build and inspect mathematical graphs and coordinate constructions with JSXGraph when a learner needs to connect an equation to a shape, solve graphically, or test a quantitative change. Use other diagram tools for concept maps, network layouts, and geographic maps.

Its SKILL.md is about 870 tokens, which your agent loads only when the skill is triggered. The skill folder holds 17 other files, including scripts, reference files and assets (for example `assets/vendor/jsxgraphcore.js`, `assets/vendor/source.json` and `examples/derivative.js`).

It sits in Knowledge Management, covering Knowledge graphs. The repository describes itself as: Teaching harness , help you to learn anything , It teaches like real teacher , design curriculum , generate videos , simulations , images , pdfs , tracks your learning style etc. The licence is MIT.

When your agent uses it

  • Tasks that involve Knowledge graphs

Example prompts

  • “/jsxgraph”

Requirements

  • Python 3
  • Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit 2e42b62. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/ (JavaScript and Python), which the agent can run.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Jsxgraph loads about 868 tokens when it runs, and up to ~2.2k if it reads all its reference files. Until then it costs about 69 tokens; SKILL.md has 454 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~69
When it runs · the whole SKILL.md, loaded when a task matches
~868
With references · SKILL.md plus every file in references/, read only if the agent opens them
~2.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from madhvantyagi/Gnos at commit 2e42b62, republished under its MIT licence (© madhvantyagi). 454 words, ~868 tokens.

Download SKILL.mdSave it as .claude/skills/jsxgraph/SKILL.md (or your agent's skills folder). This skill also uses 11 other files; get the full folder from GitHub.
name
jsxgraph
description
Build and inspect mathematical graphs and coordinate constructions with JSXGraph when a learner needs to connect an equation to a shape, solve graphically, or test a quantitative change. Use other diagram tools for concept maps, network layouts, and geographic maps.

JSXGraph

Use this skill after lesson design has selected a mathematical graph through representation choices. It builds the graph; the subject teacher still owns the model and explanation. JSXGraph runs in the browser. It needs no MCP server, account, or learner setup.

Establish what the graph teaches

Read the selected subject guidance and the block brief. Identify the difficult step that a graph will expose. A learner might connect a derivative to a tangent, find an intersection, compare feasible choices, or explain a parameter change. Write that action into the brief before choosing controls.

Keep the lesson's example, variables, units, and assumptions. Show how each important equation term corresponds to an object or value in the graph. If the learner has not met the axes or the quantities, introduce them in the surrounding explanation. Work through one result before asking the learner to investigate a new case.

Use a fixed view when comparing its parts is sufficient. Add a draggable point, slider, or step button only when changing it answers the lesson's question. For graph reading, ask the learner to explain a slope, area, scale, or domain. For graphical problem solving, connect the estimated solution to a calculation and state its precision. A picture can suggest a result; it does not prove it.

Build the artifact

Read authoring for the starter examples, export command, and checks specific to mathematical plots. Follow simulation presentation for the palette, layout, responsive views, and embedded inspection. Those rules remain shared with other HTML experiments.

Start from the example closest to the teaching action and adapt its ordinary JavaScript. Use the pinned local runtime through scripts/build_graph.py. Keep the numerical calculation available in the source. JSXGraph draws the model; it does not establish a physical law, causal claim, or numerical method. Use the host's available browser and file tools to build and inspect the result. Do not add a research service or require an MCP for this workflow.

Show full SKILL.md (132 more words)Show less

Hand it back to lesson design

Return the checked HTML, its title and purpose, model assumptions, and the actual iframe dimensions. Use interactive-graph for a mathematical view and simulation for an experiment whose state evolves. Both register as a simulation artifact with MIME type text/html. Declare skills/jsxgraph/SKILL.md in the lesson's skill_routes and in the block's production.skill_route. Existing binding representation plans still apply.

The coordinator follows the existing artifact registry to publish the result. Keep prompts for learner predictions and explanations in the existing exercise blocks. Moving a control is exploration, not independent success. Do not claim that responses inside an HTML graph have been saved or graded by the course viewer. If the export or embedded checks fail, return the concrete failure and keep the artifact in draft until it is repaired.

© madhvantyagi, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 11 other files (scripts, references, assets) in skills/jsxgraph of madhvantyagi/Gnos.

  • SKILL.md
  • assets/vendor/LICENSE.MIT
  • assets/vendor/jsxgraphcore.js
  • assets/vendor/jsxgraphcore.js.LICENSE.txt
  • assets/vendor/source.json
  • examples/derivative.js
  • examples/gradient-descent.js
  • examples/supply-demand.js
  • references/authoring.md
  • scripts/build_graph.py
  • templates/graph.html
  • templates/graph.js

Open the folder on GitHubat commit 2e42b62

Compare with similar skills

Jsxgraph next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Jsxgraph compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Jsxgraph this skillmadhvantyagi/Gnos336—~868Automated safety check: PassMIT
LLM Wiki Knowledge GraphEgonex-AI/Understand-Anything86k1 repos~1.5kAutomated safety check: PassMIT
Ontology1mancompany/OneManCompany4402 repos~1.5kAutomated safety check: PassApache-2.0
Graphagenticnotetaking/arscontexta3.5k1 repos~4.9kAutomated safety check: NotesMIT
Obsidian Canvas BoardsAgriciDaniel/claude-obsidian15k—~1.4kAutomated safety check: PassMIT
Knowledge Graphgnomeria/usbtree690—~1.5kAutomated safety check: PassMIT

Similar skills

  • LLM Wiki Knowledge Graph

    Egonex-AI/Understand-Anything

    Detects a Karpathy-pattern LLM wiki and builds an interactive knowledge graph with entities, implicit relationships and topic clusters.

    86k GitHub starsUsed in 1 repo~1.5k tokens
    Knowledge ManagementAuto-check passed
  • Ontology

    1mancompany/OneManCompany

    Typed knowledge graph for structured agent memory and composable skills.

    440 GitHub starsUsed in 2 repos~1.5k tokens
    Knowledge ManagementAuto-check passed
  • Graph

    agenticnotetaking/arscontexta

    Interactive knowledge graph analysis. An agent skill from agenticnotetaking/arscontexta.

    3.5k GitHub starsUsed in 1 repo~4.9k tokens
    Knowledge ManagementAuto-check: notes
  • Obsidian Canvas Boards

    AgriciDaniel/claude-obsidian

    Creates, inspects and updates Obsidian JSON Canvas boards in a vault, with text, file, link, group and edge nodes, using safe recoverable edits.

    15k GitHub stars~1.4k tokensUpdated 28 days ago
    Knowledge ManagementAuto-check passed
  • Knowledge Graph

    gnomeria/usbtree

    Set up and maintain a lightweight, file-based knowledge graph of the repo — entities, typed relations, decisions, gotchas — so agents load context fast instead of re-exploring the codebase every…

    690 GitHub stars~1.5k tokensUpdated 1 mo ago
    Knowledge ManagementAuto-check passed
  • Stats

    agenticnotetaking/arscontexta

    Show vault statistics and knowledge graph metrics. An agent skill from agenticnotetaking/arscontexta.

    3.5k GitHub starsUsed in 1 repo~3.1k tokens
    Knowledge ManagementAuto-check: notes

More from madhvantyagi/Gnos

All 12 skills in this repo
  • Course Design

    madhvantyagi/Gnos

    Design and revise a course's goal, progression, prerequisites, and sources.

    336 GitHub stars~1.4k tokensUpdated yesterday
    Auto-check passed
  • Course Viewer

    madhvantyagi/Gnos

    Show an enrolled course and its lessons. An agent skill from madhvantyagi/Gnos.

    336 GitHub stars~1.8k tokensUpdated yesterday
    Auto-check passed
  • Khan Academy

    madhvantyagi/Gnos

    Find a Khan Academy video fast and add it only on a strong match.

    336 GitHub stars~814 tokensUpdated yesterday
    Auto-check passed
  • Learner Tracking

    madhvantyagi/Gnos

    Record what the learner does and adapt the course to it in real time.

    336 GitHub stars~1.4k tokensUpdated yesterday
    Auto-check passed
  • Lesson Design

    madhvantyagi/Gnos

    Develop the current topic into a connected lesson. An agent skill from madhvantyagi/Gnos.

    336 GitHub stars~2.4k tokensUpdated yesterday
    Auto-check passed
  • Manim Voice Animation

    madhvantyagi/Gnos

    Make Manim teaching animations with narration and subtitles when motion helps a concept.

    336 GitHub stars~1.8k tokensUpdated yesterday
    Auto-check passed

Questions about Jsxgraph

What does Jsxgraph do?

Build and inspect mathematical graphs and coordinate constructions with JSXGraph when a learner needs to connect an equation to a shape, solve graphically, or test a quantitative change. Jsxgraph is an agent skill from madhvantyagi/Gnos. Build and inspect mathematical graphs and coordinate constructions with JSXGraph when a learner needs to connect an equation to a shape, solve graphically, or test a quantitative change.

When should I use Jsxgraph?

Jsxgraph fits situations like: tasks that involve Knowledge graphs.

How do I install Jsxgraph in Claude Code?

Run `npx skills add madhvantyagi/Gnos --skill jsxgraph -a claude-code`. Or copy the skill folder (skills/jsxgraph in madhvantyagi/Gnos) into .claude/skills/jsxgraph in your project. Claude Code loads it when a task matches its description.

How do I install Jsxgraph in Codex?

Run `npx skills add madhvantyagi/Gnos --skill jsxgraph -a codex`. Or copy the skill folder (skills/jsxgraph in madhvantyagi/Gnos) into .agents/skills/jsxgraph in your project. Codex loads it when a task matches its description.

Can I use Jsxgraph in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add madhvantyagi/Gnos --skill jsxgraph -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/jsxgraph, .gemini/skills/jsxgraph, .github/skills/jsxgraph and .opencode/skills/jsxgraph in your project.

What does Jsxgraph need to run?

Going by SKILL.md and its folder, Jsxgraph needs JavaScript and Python for the scripts in its folder. Our summary lists: Python 3; Node.js.

Does Jsxgraph access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Jsxgraph safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Jsxgraph use?

Jsxgraph is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Jsxgraph use?

About 868 tokens (SKILL.md is roughly 3.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.3k tokens, read only when the agent opens those files.

What are the alternatives to Jsxgraph?

Skills that share tags, products or a category with Jsxgraph: LLM Wiki Knowledge Graph (Egonex-AI/Understand-Anything, 86k stars), Ontology (1mancompany/OneManCompany, 440 stars), Graph (agenticnotetaking/arscontexta, 3.5k stars) and Obsidian Canvas Boards (AgriciDaniel/claude-obsidian, 15k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Jsxgraph?

madhvantyagi (a GitHub user) maintains it in madhvantyagi/Gnos, which has 336 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on October 7, 2026.

Source: madhvantyagi/Gnos on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.