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 animations that teach network protocols and packet flow.
Install Network Protocol Viz
$ npx skills add mingchen666/Reviva --skill network-protocol-viz -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install mingchen666/Reviva network-protocol-viz --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/network-protocol-viz .claude/skills/network-protocol-viz && 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 "network-protocol-viz" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/network-protocol-viz into .claude/skills/network-protocol-viz/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "network-protocol-viz", 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/network-protocol-vizType 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 network-protocol-viz -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install mingchen666/Reviva network-protocol-viz --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/network-protocol-viz .agents/skills/network-protocol-viz && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "network-protocol-viz" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/network-protocol-viz into .agents/skills/network-protocol-viz/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "network-protocol-viz", 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 network-protocol-viz -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install mingchen666/Reviva network-protocol-viz --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/network-protocol-viz .cursor/skills/network-protocol-viz && 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 "network-protocol-viz" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/network-protocol-viz into .cursor/skills/network-protocol-viz/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "network-protocol-viz", 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/network-protocol-viz--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 network-protocol-viz -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install mingchen666/Reviva network-protocol-viz --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/network-protocol-viz .gemini/skills/network-protocol-viz && 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 "network-protocol-viz" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/network-protocol-viz into .gemini/skills/network-protocol-viz/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "network-protocol-viz", 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 network-protocol-vizInstalls 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 network-protocol-viz -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/network-protocol-viz .github/skills/network-protocol-viz && 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 "network-protocol-viz" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/network-protocol-viz into .github/skills/network-protocol-viz/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "network-protocol-viz", 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 network-protocol-viz -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 network-protocol-viz --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/network-protocol-viz .opencode/skills/network-protocol-viz && 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 "network-protocol-viz" agent skill from https://github.com/mingchen666/Reviva/tree/main/electron/builtin-assets/skills/network-protocol-viz into .opencode/skills/network-protocol-viz/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "network-protocol-viz", 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
network-protocol-viz- GitHub stars
- 236
- Token cost
- ~1.1k tokens
- SKILL.md length
- 486 words
- Files
- 11 (incl. references, assets)
- Skills in repo
- 54
- Repo updated
- First seen
- Licence
- None found
At a glance
Generate single-file HTML animations that teach network protocols and packet flow.
- Works in 5 steps: Identify the protocol or networking… → Decide whether the explanation is about… → Select the closest bundled reference… → …
- The user asks about TCP/IP
- SKILL.md covers When To Use, Output, Workflow and Visualization Modes, plus 4 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Network Protocol Viz is an agent skill from mingchen666/Reviva. Generate single-file HTML animations that teach network protocols and packet flow. Use this skill when the user asks about TCP/IP, IPv4 datagrams, Ethernet frames, routing, switching, DHCP, HTTPS/TLS, packet capture, firewall filtering, or wants a visual protocol explanation for learning,复习, or teaching.
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 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 asks about TCP/IP
- Ethernet frames
- Firewall filtering
- Wants a visual protocol explanation for learning
Example prompts
- “/network-protocol-viz”
Requirements
- Pre-approved tools (allowed-tools): file_read, file_write
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Identify the protocol or networking concept.
- Decide whether the explanation is about structure, interaction, topology, or filtering.
- Select the closest bundled reference asset if useful.
- Generate an HTML animation with clear controls and step text.
- Verify that packet direction, protocol fields, table highlights, and labels are accurate.
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
Network Protocol Viz loads about 1.1k tokens when it runs, and up to ~1.6k if it reads all its reference files. Until then it costs about 82 tokens; SKILL.md has 486 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 486 words (~1,103 tokens).
“Create browser-openable HTML animations for computer networking concepts. This skill focuses on helping users understand protocols through packet structures, sequence flows, topology animation, tables, and step-by-step explanations.”
- name
- network-protocol-viz
- allowed-tools
- file_read, file_write
Files
SKILL.md and 10 other files (references, assets) in electron/builtin-assets/skills/network-protocol-viz of mingchen666/Reviva.
- SKILL.md
- assets/HTTPS.html
- assets/ethernet-frame.html
- assets/ipv4_datagram-3d.html
- assets/ipv4_datagram.html
- assets/ppp_frame.html
- assets/router-routing-table.html
- assets/switch-mac-table.html
- assets/tcp-visualization.html
- config.json
- references/prompts.md
Open the folder on GitHubat commit 24bde40
Compare with similar skills
Network Protocol Viz 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 |
|---|---|---|---|---|---|---|
| Network Protocol Viz 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 | |
| Analyzing Backend BundleTriliumNext/Trilium | 38k | — | ~2.6k | Automated safety check: Pass | AGPL-3.0 | |
| Remembercommercetools/ui-kit | 154 | — | ~2k | Automated safety check: Notes | MIT | |
| Gitnexus ExplorerTommy-yw/RunbookHermes | 546 | 3 repos | ~1.8k | Automated safety check: Pass | MIT | |
| Axhub Annotation Standalonelintendo/Axhub-Skills | 127 | — | ~831 | Automated safety check: Pass | MIT |
Similar skills
Analyzing Backend Bundle
TriliumNext/Trilium
A skill your agent uses when analyzing the server/desktop backend bundle — "what does the server load at startup?", "is <dependency lazy on the backend?", "why is <package in the startup set?", "how…
Remember
commercetools/ui-kit
Persist guidelines, conventions, and architectural decisions into the repository's knowledge base.
Gitnexus Explorer
Tommy-yw/RunbookHermes
Index a codebase with GitNexus and serve an interactive knowledge graph via web UI + Cloudflare tunnel.
Axhub Annotation Standalone
lintendo/Axhub-Skills
A skill your agent uses when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or…
- Official
Web Artifacts Builder
anthropics/skills
Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.
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
Categories
Questions about Network Protocol Viz
What does Network Protocol Viz do?
Generate single-file HTML animations that teach network protocols and packet flow. Network Protocol Viz is an agent skill from mingchen666/Reviva. Generate single-file HTML animations that teach network protocols and packet flow.
When should I use Network Protocol Viz?
Network Protocol Viz fits situations like: the user asks about TCP/IP; ethernet frames; firewall filtering; wants a visual protocol explanation for learning.
How do I install Network Protocol Viz in Claude Code?
Run `npx skills add mingchen666/Reviva --skill network-protocol-viz -a claude-code`. Or copy the skill folder (electron/builtin-assets/skills/network-protocol-viz in mingchen666/Reviva) into .claude/skills/network-protocol-viz in your project. Claude Code loads it when a task matches its description.
How do I install Network Protocol Viz in Codex?
Run `npx skills add mingchen666/Reviva --skill network-protocol-viz -a codex`. Or copy the skill folder (electron/builtin-assets/skills/network-protocol-viz in mingchen666/Reviva) into .agents/skills/network-protocol-viz in your project. Codex loads it when a task matches its description.
Can I use Network Protocol Viz 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 network-protocol-viz -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/network-protocol-viz, .gemini/skills/network-protocol-viz, .github/skills/network-protocol-viz and .opencode/skills/network-protocol-viz in your project.
What does Network Protocol Viz need to run?
SKILL.md names no scripts, command-line tools or credentials: Network Protocol Viz is instructions for the agent only. Its frontmatter pre-approves these tools: file_read, file_write.
Does Network Protocol Viz 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 Network Protocol Viz 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 Network Protocol Viz use?
No licence was found for Network Protocol Viz or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Network Protocol Viz use?
About 1.1k tokens (SKILL.md is roughly 4.4k 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 504 tokens, read only when the agent opens those files.
What are the alternatives to Network Protocol Viz?
Skills that share tags, products or a category with Network Protocol Viz: Codexqa Code Wiki (openqa-cn/codexqa, 152 stars), Analyzing Backend Bundle (TriliumNext/Trilium, 38k stars), Remember (commercetools/ui-kit, 154 stars) and Gitnexus Explorer (Tommy-yw/RunbookHermes, 546 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Network Protocol Viz?
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.