/generate-web-diagram

Generate a standalone HTML diagram and open it in the browser

coco-research@coco-research

GitHub

From plugin

coco

26441 skills37 agents41 commands

Install

$ npx -y skills add coco-research/coco --agent claude-code

How it fires

How this command gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/generate-web-diagram

Context preview

What this command does when you run it.

Generate a standalone HTML diagram and open it in the browser

Command definition

generate-web-diagram.md

name: generate-web-diagram
description: Generate a standalone HTML diagram and open it in the browser

Load the visual-explainer skill and generate an HTML visual explainer for: $@

Use the skill’s reference routing and final checklist. Pick a representation that fits the topic: Mermaid for connected flows/topologies; CSS cards for text-heavy explanations; tables for matrices; timelines for linear history.

Write to `~/.agent/diagrams/` with a descriptive filename and open the result in the browser. In Pi package installs, this is an explicit visual request: use `visual_explainer.prepare` when planning/context scouting helps, then `visual_explainer.render` with the complete HTML.

Read it on GitHub ↗

Ships withcoco

Meet Coco. A superintelligent agent framework powered by an advisory board of 389 world-class minds. Scale your AI assistant into a complete engineering department with 142 skills, 277 commands, and persistent state. Universal compatibility. Local privacy. Free and open source.

Get the whole plugin

Stats

JavaScript React Next.js Tailwind HTML

+7 tags

CSS Bash Git GitHub Anthropic OpenAI MCP

263

Stars

Forks

Active

Maintenance

JavaScript

Language