Codexqa Code Wiki
openqa-cn/codexqa
Builds a local architecture wiki for a repository from the CodexQA symbol graph (no model needed): modules, who calls whom and how often, reading paths, and one self-contained HTML page.
Generate single-file HTML visual explanations for learning and review.
Install Learning Visualization Skill
$ npx skills add mingchen666/Reviva --skill learning-visualization-skill -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install mingchen666/Reviva learning-visualization-skill --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/mingchen666/Reviva.git skills-src && mkdir -p .claude/skills && cp -r skills-src/electron/builtin-assets/skills/learning-visualization-skill .claude/skills/learning-visualization-skill && rm -rf skills-srcUse ~/.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/
Install the "learning-visualization-skill" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/learning-visualization-skill into .claude/skills/learning-visualization-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "learning-visualization-skill", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/learning-visualization-skillType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add mingchen666/Reviva --skill learning-visualization-skill -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install mingchen666/Reviva learning-visualization-skill --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mingchen666/Reviva.git skills-src && mkdir -p .agents/skills && cp -r skills-src/electron/builtin-assets/skills/learning-visualization-skill .agents/skills/learning-visualization-skill && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "learning-visualization-skill" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/learning-visualization-skill into .agents/skills/learning-visualization-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "learning-visualization-skill", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mingchen666/Reviva --skill learning-visualization-skill -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install mingchen666/Reviva learning-visualization-skill --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mingchen666/Reviva.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/electron/builtin-assets/skills/learning-visualization-skill .cursor/skills/learning-visualization-skill && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "learning-visualization-skill" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/learning-visualization-skill into .cursor/skills/learning-visualization-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "learning-visualization-skill", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/mingchen666/Reviva.git --path electron/builtin-assets/skills/learning-visualization-skill--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add mingchen666/Reviva --skill learning-visualization-skill -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install mingchen666/Reviva learning-visualization-skill --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mingchen666/Reviva.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/electron/builtin-assets/skills/learning-visualization-skill .gemini/skills/learning-visualization-skill && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "learning-visualization-skill" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/learning-visualization-skill into .gemini/skills/learning-visualization-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "learning-visualization-skill", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install mingchen666/Reviva learning-visualization-skillInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add mingchen666/Reviva --skill learning-visualization-skill -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/mingchen666/Reviva.git skills-src && mkdir -p .github/skills && cp -r skills-src/electron/builtin-assets/skills/learning-visualization-skill .github/skills/learning-visualization-skill && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "learning-visualization-skill" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/learning-visualization-skill into .github/skills/learning-visualization-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "learning-visualization-skill", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mingchen666/Reviva --skill learning-visualization-skill -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install mingchen666/Reviva learning-visualization-skill --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mingchen666/Reviva.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/electron/builtin-assets/skills/learning-visualization-skill .opencode/skills/learning-visualization-skill && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "learning-visualization-skill" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/learning-visualization-skill into .opencode/skills/learning-visualization-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "learning-visualization-skill", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
learning-visualization-skill- GitHub stars
- 236
- Token cost
- ~1.1k tokens
- SKILL.md length
- 538 words
- Files
- 11 (incl. references, assets)
- Skills in repo
- 54
- Repo updated
- First seen
- Licence
- None found
At a glance
Generate single-file HTML visual explanations for learning and review.
- Works in 6 steps: Identify the target concept, process, or… → Choose the visualization type. → Pick a reference example only if it… → …
- The user wants concept maps
- SKILL.md covers When To Use, Output, Workflow and Visualization Types, plus 3 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Learning Visualization Skill is an agent skill from mingchen666/Reviva. Generate single-file HTML visual explanations for learning and review. Use this skill when the user wants concept maps, process diagrams, principle demos, comparison diagrams, timelines, AI/ML model visualizations, or animated teaching pages that make a topic easier to understand,复习, or present.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 12 other files, including reference files and assets (for example `config.json` and `references/prompts.md`).
It sits in Knowledge Management, covering Diagrams, Knowledge graphs and HTML artifacts. The repository describes itself as: Local-first AI learning workspace — ask, note, review and create around your own materials. Wiki KB, Agents, Skills, creation tools.Private NotebookLM Alternative.AI….
When your agent uses it
- The user wants concept maps
- Process diagrams
- Principle demos
- Comparison diagrams
Example prompts
- “/learning-visualization-skill”
Requirements
- Pre-approved tools (allowed-tools): file_read, file_write
Workflow steps
6 steps, taken from the first numbered list in SKILL.md.
- Identify the target concept, process, or model.
- Choose the visualization type.
- Pick a reference example only if it matches the task.
- Generate a single-file HTML page with clear visual hierarchy and restrained motion.
- Include a short current-step explanation when the animation is sequential.
- Check that text does not overlap, controls work, and the page is useful for learning rather than decorative only.
What it can do on your machine
Read from SKILL.md and the folder at commit 24bde40. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
file_readfile_write
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
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
Learning Visualization Skill loads about 1.1k tokens when it runs, and up to ~2.1k if it reads all its reference files. Until then it costs about 81 tokens; SKILL.md has 538 words of instructions outside code blocks.
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); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 538 words (~1,051 tokens).
“Create focused, browser-openable HTML pages that explain knowledge through diagrams and motion. This skill is for learning and review scenarios where a static answer is not enough: the user needs a visual explanation, a step-by-step concept map, or an animated…”
- name
- learning-visualization-skill
- allowed-tools
- file_read, file_write
Files
SKILL.md and 10 other files (references, assets) in electron/builtin-assets/skills/learning-visualization-skill of mingchen666/Reviva.
- SKILL.md
- assets/GPU.html
- assets/GRU-Introduce.html
- assets/LSTM-1.html
- assets/LSTM-Introduce.html
- assets/MLP.html
- assets/RNN.html
- assets/onehot.html
- assets/word2vec.html
- config.json
- references/prompts.md
Open the folder on GitHubat commit 24bde40
Compare with similar skills
Learning Visualization Skill 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Learning Visualization Skill this skillmingchen666/Reviva | 236 | — | ~1.1k | Automated safety check: Pass | None | |
| Codexqa Code Wikiopenqa-cn/codexqa | 152 | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | |
| Drkg QueryQSong-github/DrugClaw | 116 | 1 repos | ~915 | Automated safety check: Pass | None | |
| Previewhanamizuki/solopreneur | 152 | — | ~5.2k | Automated safety check: Pass | MIT | |
| Show Metellahq/opensession | 392 | — | ~1.6k | Automated safety check: Pass | MIT | |
| Show Memirumee/nimara-ecommerce | 129 | 7 repos | ~809 | Automated safety check: Pass | BSD-3-Clause |
Similar skills
Drkg Query
QSong-github/DrugClaw
Query the DRKG (Drug Repurposing Knowledge Graph). An agent skill from QSong-github/DrugClaw.
Preview
hanamizuki/solopreneur
Create an interactive HTML preview of any proposal, plan, idea, doc, brief, or spec and land it in the browsable local Preview Library by default (opens under file:// with a catalog sidebar and…
Show Me
tellahq/opensession
Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.
Show Me
mirumee/nimara-ecommerce
Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.
Design It
smallnest/goal-workflow
A skill your agent uses when turning a requirement, spec, or feature brief into a single self-contained HTML design document in a fixed house style — one styled HTML page with a table-of-contents…
More from mingchen666/Reviva
All 54 skills in this repoGeometry Assistant
mingchen666/Reviva
A skill your agent uses when rendering high-school solid-geometry problem data into an interactive 3D standalone HTML artifact with known-condition highlights, step-by-step constructions, faces…
Bili Note
mingchen666/Reviva
Turn Bilibili videos that are already registered and parsed in MindSpace, or Bilibili opus/article posts, into evidence-linked Markdown learning notes.
Study Companion En
mingchen666/Reviva
General study companion for learning, review, exam prep, exam-point analysis, syllabus/exam-outline interpretation, finals speedrun teaching, concept explanation, problem solving, homework coaching…
Classroom Management Differentiation Skill
mingchen666/Reviva
Design classroom management and differentiated support plans for real teaching constraints.
Concept Visualization Generator
mingchen666/Reviva
Design and generate concept-first learning artifacts: concept cards, visual explanations, diagrams, interactive HTML demos, Manim/math visualizations, matplotlib scientific plots, misconception…
Cs Course Learning
mingchen666/Reviva
A skill your agent uses whenever the user is learning computer science core courses, 408, data structures, computer organization, operating systems, computer networks, algorithms, course finals…
Related
Questions about Learning Visualization Skill
What does Learning Visualization Skill do?
Generate single-file HTML visual explanations for learning and review. Learning Visualization Skill is an agent skill from mingchen666/Reviva. Generate single-file HTML visual explanations for learning and review.
When should I use Learning Visualization Skill?
Learning Visualization Skill fits situations like: the user wants concept maps; process diagrams; principle demos; comparison diagrams.
How do I install Learning Visualization Skill in Claude Code?
Run `npx skills add mingchen666/Reviva --skill learning-visualization-skill -a claude-code`. Or copy the skill folder (electron/builtin-assets/skills/learning-visualization-skill in mingchen666/Reviva) into .claude/skills/learning-visualization-skill in your project. Claude Code loads it when a task matches its description.
How do I install Learning Visualization Skill in Codex?
Run `npx skills add mingchen666/Reviva --skill learning-visualization-skill -a codex`. Or copy the skill folder (electron/builtin-assets/skills/learning-visualization-skill in mingchen666/Reviva) into .agents/skills/learning-visualization-skill in your project. Codex loads it when a task matches its description.
Can I use Learning Visualization Skill 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 mingchen666/Reviva --skill learning-visualization-skill -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/learning-visualization-skill, .gemini/skills/learning-visualization-skill, .github/skills/learning-visualization-skill and .opencode/skills/learning-visualization-skill in your project.
What does Learning Visualization Skill need to run?
SKILL.md names no scripts, command-line tools or credentials: Learning Visualization Skill is instructions for the agent only. Its frontmatter pre-approves these tools: file_read, file_write.
Does Learning Visualization Skill 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 Learning Visualization Skill 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. Review the folder before installing.
What licence does Learning Visualization Skill use?
No licence was found for Learning Visualization Skill or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Learning Visualization Skill use?
About 1.1k tokens (SKILL.md is roughly 4.2k 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 1k tokens, read only when the agent opens those files.
What are the alternatives to Learning Visualization Skill?
Skills that share tags, products or a category with Learning Visualization Skill: Codexqa Code Wiki (openqa-cn/codexqa, 152 stars), Drkg Query (QSong-github/DrugClaw, 116 stars), Preview (hanamizuki/solopreneur, 152 stars) and Show Me (tellahq/opensession, 392 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Learning Visualization Skill?
mingchen666 (a GitHub user) maintains it in mingchen666/Reviva, which has 236 GitHub stars. The repository holds 54 skills in this directory. The repository was last updated on September 21, 2026.
Source: mingchen666/Reviva on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.